`

javascript基础知识

阅读更多
引用:张子秋:从零开始学习jQuery(剧场版) 你必须知道的javascript
http://www.cnblogs.com/zhangziqiu/archive/2009/05/26/jQuery-Learn-javascript.html
向张子秋学习致敬!
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">

    //创建对象,为了保持语法一直, 总是带着new关键字声明一个对象.
	var objectA = new Object();
	
	//创建属性并赋值,在javascript中属性不需要声明, 在赋值时即自动创建:
    objectA.name = "天涯";
    
    //访问属性,一般我们使用"."来分层次的访问对象的属性
    alert(objectA.name);
    
    var objectB = objectA;
	objectB.other = objectA;
	
	//此时下面三个值相当, 并且改变其中任何一个值其余两个值都改变
	alert(objectA.name + " ," +	objectB.name + "," + objectB.other.name);
	
	//通过索引设置和访问属性
	objectA["school.college"] = "BITI";
    alert(objectA["school.college"]);    
    
    //json语法
     var jsonObjectA = {
            name: "天涯",
            age: 19,
            school:
            {
                college: "大学",
                "high school": "高中" 
            },
            like:["睡觉","java","还是睡觉"]
     };

     alert("姓名: " + jsonObjectA.name + ",年龄: " + jsonObjectA.age + ",学历:" +jsonObjectA.school["high school"] + ",其它: "+ jsonObjectA.like[1]);   
     
     //静态方法与实例方法,静态方法是指不需要声明类的实例就可以使用的方法.实例方法是指必须要先使用"new"关键字声明一个类的实例, 然后才可以通过此实例访问的方法
      function staticClass() { }; //声明一个类
      
      staticClass.staticMethod = function() { alert("static method") }; //创建一个静态方法
      staticClass.prototype.instanceMethod = function() { "instance method" }; //创建一个实例方法
      
      //对于静态方法可以直接调用
	  staticClass.staticMethod();
	  
	  //动态方法调用
	  var instance = new staticClass();//首先实例化
      instance.instanceMethod(); //在实例上可以调用实例方法
      
      //全局对象是window属性
       var objectA = new Object();
       
       //函数以下这三种写法是一样的
       function myMethod(){
            alert("Hello!");
        }

        window.myMethod = function(){
            alert("Hello!");
        }

        myMethod = function(){
            alert("Hello!");
        }
        
        //this
        var o1 = { name: "o1 name" };
        window.name = "window name";

        function showName()
        {
            alert(this.name);
        }        
        
        o1.show = showName;
        window.show = showName;

        //showName();//window name
        //o1.show(); //ol name
       // window.show();//window name
       //结果证明在顶层调用函数和使用window对象调用函数时, this都指向window对象. 而在对象中调用函数时this指向当前对象
       
       
           
       
	 
</script>
</head>
<body> 
<div id="divResult"></div>
    <script type="text/javascript">
       
        //闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
        //简单表达:
        //闭包就是function实例以及执行function实例时来自环境的变量.
        
        function start()
        {
            var count = 0;
            window.setInterval(function()
            {
                document.getElementById("divResult").innerHTML += count + "<br/>";
                count++;
            }, 3000);
        };
        start();
        
        //count是start函数体内的变量, 通常我们理解count的作用于是在start()函数内,  在调用start()函数结束后应该也会消失.但是此示例的结果是count变量会一直存在,并且每次被加1:
        //因为count变量是setInterval中创建的匿名函数(就是包含count++的函数)的闭包的一部分!
        //再通俗的讲, 闭包首先就是函数本身, 比如上面这个匿名函数本身, 同时加上在这个函数运行时需要用到的count变量.
        //javascript中的闭包是隐式的创建的        
    </script>
<p><a href="index.jsp">返回</a></p>
</body>
</html>
分享到:
评论

相关推荐

    javascript基础知识总结

    以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...

    JavaScript基础知识点汇总(代码+知识点)

    这份“JavaScript基础知识点汇总”涵盖了从基础到进阶的多个方面,帮助开发者系统地理解和掌握这一语言。以下是详细的JavaScript知识点解析: 1. **变量**:在JavaScript中,我们可以使用`var`, `let`, 或 `const` ...

    JavaScript基础知识例子

    总的来说,这个压缩包提供了一个全面的JavaScript基础知识教程,涵盖了数据类型、Object、内置对象和变量等核心概念,对于初学者或者需要巩固基础的开发者来说,是一份非常有价值的参考资料。通过学习这些内容,可以...

    JavaScript基础知识总结

    1. JavaScript 的基础知识 在学习 JavaScript 之前,你需要了解 HTML 和 XHTML 的基础。JavaScript 被设计用来向 HTML 页面添加交互行为,通过在 HTML 中插入 JavaScript 代码,可以实现页面元素的动态操作和用户...

    javascript 基础知识 18

    javascript 基础知识

    javascript 基础知识 17

    javascript 基础知识

    javascript 基础知识 16

    javascript 基础知识

    javascript 基础知识 15

    javascript 基础知识

    javascript 基础知识 14

    javascript 基础知识

    javascript 基础知识 13

    javascript 基础知识

    Javascript基础知识整理.doc

    Javascript基础知识整理 JavaScript是一种高级的、动态的、弱类型的编程语言,主要用于客户端脚本编程。它可以在浏览器中执行,实现网页的交互性和动态效果。本文将对JavaScript的基础知识进行整理和总结,包括脚本...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    Javascript基础知识

    本文将详细介绍JavaScript的基础知识,包括它的编程基础、工作原理、在HTML中的使用方法,以及数据类型、变量、常量、运算符、表达式、控制流程和数组等核心概念。 首先,JavaScript最初由Netscape公司开发,是一种...

    javascript 基础知识

    javascript 基础知识

Global site tag (gtag.js) - Google Analytics