JavaScript高级程序设计-学习笔记1 （第一章--第四章）

最新推荐文章于 2023-12-26 14:13:01 发布
最新推荐文章于 2023-12-26 14:13:01 发布
阅读量420 收藏 1
点赞数 2
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengxin123456789/article/details/70195297
版权

之前有看过，但是没有写过总结，学习的时候是在笔记本上手写，现在想想就是比较开心，但是需要把笔记归纳总结一下。


第一章 JavaScript是什么

第二章  ECMAScript基础
第三章 对象基础
第四章 变量、作用域和内存的问题

第一章 JavaScript是什么

一个完整的JavaScript应该由下列三个不同部分组成：

- ECMAScript：规定了语法、类型、语句、关键字、保留字、操作符、对象

- DOM：针对XML但经过扩展用于HTML的应用程序编程接口。DOM把整个页面映射为一个多层节点结构。通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如的进行删除、添加、替换或者修改任何节点。

  • DOM1级：映射文档的结构。
  • DOM2级：扩充了鼠标和用户界面事件、范围、迭代DOM文档，通过对象接口增加了对CSS的支持。

  • DOM3级：引入了以统一方式加载和保存文档的方法，验证文档的方法。

    - BOM：开发人员使用BOM能够控制浏览器显示的页面以外的部分。只处理浏览器窗口和框架；扩展：

  • 弹出新浏览器窗口功能

  • 移动缩放和关闭浏览器功能
  • 提供浏览器详细信息的navigator对象
  • 提供浏览器加载页面详细信息的location对象
  • 提供用户显示器分辨率详细信息的screen对象
  • 对cookies的支持
  • 像XMLHttpRequest和IE的ActiveXObject这样的自定义对象

第二章  ECMAScript基础

<script>标签定义了以下6个属性：

  • async：表示应该立即下载脚本，但不应妨碍页面中其他操作。只对外部脚本文件有效。
  • charset:表示通过src属性指定的代码的字符集。大多数浏览器会忽略他的值，所以很少有人用。 defer:表示脚本可以延迟到文档完全被解析和显示后再执行。只对外部脚本文件有效。
  • language:已废弃。
  • src:表示包含要执行代码的外部文件。
  • type:可以看成是language的代替属性；表示编写代码使用的脚本语言内容类型。type=“text/javascript”这个属性并不是必须的，如果没有指定这个属性，则其默认值仍然为text/javascript。

使用JavaScript的方式有两种：直接在页面中嵌入JavaScript代码和包含外部JavaScript文件。

<script>标签的位置：

按照传统的做法，所有的<script>元素都应该放在页面的<head>元素中，这种做法的目的是把所有外部文件的引用都放在相同的地方。意味着包含的所有JS文件必须等到全部JS代码被下载、解析和执行完成后们才能开始呈现的页面内容买这无疑会导致浏览器在呈现页面时出现明显的延迟，延迟期间的浏览器窗口中将是一片空白。

为了避免这个问题，现代WEB应用程序一般都把全部的JS引用放在<body>元素中页面内容的后面，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--这里放内容-->
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script>
</body>
</html>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

这样在解析包含的JS代码之前，页面的内容将完全呈现在浏览器中，而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。

第三章 对象基础

3.1 语法

3.1.1 区分大小写

ECMAscript中的一切都区分大小写，test和Test表示两个不同的变量，而typeof(关键字)不能被使用为函数名，但typeOf是一个有效的函数名。

3.1.2 标识符
  • 第一个字符必须是字母、下划线、或者是$
  • 其他字符可以是字母、下划线、$或者是数字。
  • 不能把关键字、保留字、true、false和null用作标识符。
3.1.4 注释
//单行注释


/*多
 *行
 *注
 *释
 */
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
3.1.5 语句

语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。加上这个分号可以避免很多错误。

加上分好也会在某些情况下增进代码的性能，因为这样解析器就不必再花时间推测应该在哪里加入分号了。

在控制语句中，使用代码块可以让编码意图更加清晰，而且降低修改代码时的出错几率。

3.2 关键字和保留字

3.3 变量

ECMAScript的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。每个变量仅仅是一个勇于保存值的占位符而已。

定义变量时要用var操作符，后跟变量名。

var message;//像这样未经过初始化的变量会保存一个特殊的值undefined
var message = "hi";
message = 100;//可以在修改变量值的同时修改值的类型
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

var操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说，如果函数中使用var定义的一个变量，那么这个变量在函数退出后就会被销毁。

function test(){
    var message = "hi";//局部变量
}
test();
alert(message);//错误！
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

 
 
  • 1
  • 2
  • 3
  • 4
  • 5

这里，变量message是在函数中使用var定义的，当函数被调用时，就会创建该变量并为其赋值。而在此之后，这个变量又会被立刻销毁，因此例子中的下一行代码就会导致错误。不过可以像下面这样省略var操作符，从而创建一个全局变量。

function test(){
    message = "hi";//全局变量
}
test();
alert(message);//"hi"
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

 
 
  • 1
  • 2
  • 3
  • 4
  • 5

虽然省略var操作符可以定义全局变量，但这也不是推荐的做法。因为在局部作用域中定义的全局变量很难维护，而且如果有意地忽略了var操作符，也会由于相应变量不会马上就有定义而导致不必要的混乱。给未经声明变量赋值，在严格模式下会导致跑出RefrenceError错误

可以使用一条语句定义多个变量，只要把每个变量用逗号分开即可：

var message = "hi",
    found = false, 
    age = 29；
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

虽然代码中的换行和缩进不是必须的，但是能够提高代码的可读性。

3.4 数据类型

ECMAScript中有5种简单数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂数据类型——Object。 
ECMAScript数据类型具有动态性。

3.4.1 typeof操作符

检测给定变量的数据类型 
返回字符串：

  • undefined
  • boolean
  • string
  • number
  • object
  • function
3.4.2 Undefined类型
3.4.3 Null类型
var car = null;
alert(typeof car); //"object"
 
 
  • 1
  • 2

 
 
  • 1
  • 2

如果定义的变量准备在将来保存对象，那么最好将该变量初始化为null而不是其他值。这样一来只要直接检查null值就可以知道相应变量是否已经存了一个对象的引用。

if(car != null){
//对car对象执行某些操作
}
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

实际上undefined的值是派生自null值的

alert(null == undefined);//true
 
 
  • 1

 
 
  • 1

只要意在保存对象的变量还没有真正保存对象，就应该明确的让该变量保存null值。

3.4.4 Boolean类型

Boolean类型时ECMAScript中使用得最多的一种类型，只有两个字面值true和false。 
这两个值和数字值不是一回事。 
true不一定等于1，false也不一定等于0。

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 “”（空字符串）
Number 任何非零数字值 0和NaN
Object 任何对象 null
Undefined n/a（不适用） undefined
var message = "Hello World!";
if(message){
    alert("Value is true");
}
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

message字符被自动转换成了相对应的Boolean值true。

3.4.5 Number类型
var octalNum1  = 070;//八进制的56，八进制第一位必须是0，否则会被当做10进制解析
var octalNum2 = 079;//无效的八进制，解析为79
var octalNum3 = 08;//无效的八进制，解析为8
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

八进制在严格模式下是无效的 
十六进制字面值前面必须是0x，字母A-F可以大写也可以小写

浮点数在进行算术运算的时候精确度远远不如整数。0.1+0.2的结果不是0.3而是0.300000000000000004 舍入误差

Number.MIN_VALUE 5e-324 
Number.MAX_VALUE 1.7976931348623157e+308 
如果JS计算中得到一个值超出数值范围的值，那么结果会自动被转换成特殊的Infinity的值。负数转换成-Infinity。

NaN和任何值都不相等，包括NaN本身

alert(NaN == NaN); //false
 
 
  • 1

 
 
  • 1

isNaN()可以适用于对象，在基于对象调用isNaN()函数时，会首先调用valueof()方法，然后确定该方法返回值是否可以转换为数值。如果不能再调用toString()方法，再测试返回值。

Number()

var num1 = Number("Hello World!");  //NaN
var num2 = Number("");              //0
var num3 = Number("000011");        //11
var num4 = Number(true);            //1
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

parseInt()更常用

var num1 = parseInt("1234blue");    //1234
var num2 = parseInt(" ");           //NaN
var num3 = parseInt("0xA");         //10(16进制)
var num4 = parseInt("22.5");        //22
var num5 = parseInt("070");         //56(8进制)
var num6 = parseInt("70");          //70
var num7 = parseInt("0xf");         //15（16进制）
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
var num = parseInt("0xA",16);       //10
 
 
  • 1

 
 
  • 1

parseFloat()忽略前导的0，只能解析10进制

3.4.6 String

字符串可以用单引号也可以双引号

转换为字符串

var age = 11;
var ageAsString = age.toString();   //字符串“11”
var found = true;
var foundAsString = found.toString();   //字符串“true”
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4
var num = 10;
alter(num.toString());      //"10"
alter(num.toString(2));     //"1010"
alter(num.toString(16));    //"a"
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

如果不知道要转换的值是不是null或者undefined的情况下，可以使用转型函数String()； 
转换规则：

  • 如果值有toString()方法，则调用该方法并返回相应结果
  • 如果值是null，返回“null”
  • 如果是undefined，返回“undefined”
3.4.7 Object类型
var o = new Object(); //创建一个对象
 
 
  • 1

 
 
  • 1
属性 方法
constructor 保存用于创建当前对象的函数
hasOwenProperty 用于检查给定的属性在当前对象实例中是否存在
isPrototypeOf 用于检查传入的对象是否是传入对象的原型
toLocaleString() 返回对象的字符串表示，该字符串与执行环境地区对应
toString() 返回对象的字符串表示
valueOf() 返回对象的字符串、数值或布尔值表示。通常与toString方法返回值相同

3.5 操作符

3.5.1 一元操作符

1.递增和递减操作符 
后置递增和递减与前置递增和递减有一个非常重要的区别，即递增和递减操作是在包含他们的语句被求值之后才执行的。

var num1 = 2;
var num2 = 20;
var num3 = num1-- + num2;   //num3 = 22
var num4 = num1 + num2;     //num4 = 21

 
 
  • 1
  • 2
  • 3
  • 4
  • 5

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
var s1 = "2";
var s2 = "z";
var b = false;
var f = 1.1;
var o ={
    valueOf: function(){
        return -1;
    }
}

s1++;       //3
s2++;       //NaN
b++;        //1
f--;        //0.10000000000000009(由于浮点舍入错误所致)
o--;        //-2
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

2.一元加和减操作符

var s1 = "01"；
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o ={
    valueOf:function(){
        return -1;
    }
}

s1 =+ s1;   //1
s2 =+ s2;   //1.1
s3 =+ s3;   //NaN
b =+ b;     //0
f =+ f;     //1.1
o =+ o;     //-1

s1 =- s1;   //-1
s2 =- s2;   //-1.1
s3 =- s3;   //NaN
b =- b;     //0
f =- f;     //-1.1
o =- o;     //1
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
3.5.2 位操作符

1.NOT ~ 
2.AND & 
3.OR | 
4.XOR ^ 
5.左移 << 
6.有符号的右移 >>

3.5.3 布尔操作符

1.逻辑非 ！ 
2.逻辑与 &&

var found = true;
var result = (found && someUndefinedVariable);//发生错误
alert(result);//不会执行
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3
var found = false;
var result =(found && someUndefinedVariable);//不会发生错误
alert(result);//会执行("false")
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

3.逻辑或 || 
利用或这一行为来避免为变量赋值null或者undefined值

3.5.4 乘性操作符

1.乘法 
2.除法 
3.求模

3.5.5 加性操作符

1.加法

  • 如果两个操作数都是数值，执行常规的加法计算
  • 如果有一个操作数是字符串，则将操作数转换成字符串，然后将两个字符串拼接
  • 如果有一个操作数是对象数值或者布尔值，则调用他们的toString()得到相应的字符串值，然后再应用前面关于字符串的规则。对于null和undefined则分别调用String()函数并获取字符串“null”和“undefined”。
var num1 = 5;
var num2 = 10;
var message = "The sum of 5 and 10 is "+ num1 + num2;
var messsage = "The sum of 5 and 10 is"+( num1 + num2);
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

2.减法

var result1 = 5 - true; //4
var result2 = NaN - 1;  //NaN
var result3 = 5 - 3;    //2
var result4 = 5 - "";   //5
var result5 = 5 - "2";  //3
var result5 = 5 - null; //5
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
3.5.6 关系操作符
var result = "Brick" < "alphabet";  //true
var result = "Brick".toLowerCase()<"alphabet".toLowerCase();    //false
var result = "23" < "3"; //true
var result = "23" < 3;  //false
var result = "a" < 3;   //false  因为a被转换成了NaN
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
表达式 值
null == undefined true
“NaN” == NaN false
5 == NaN false
NaN == NaN false
NaN != NaN true
false == 0 true
true == 1 true
true == 2 false
undefined == 0 false
null == 0 false
“5” == 5 true
3.5.8 条件操作符
variable = boolean_expression?true_value:false_value;
 
 
  • 1

 
 
  • 1

3.6 语句

  • if
  • while
  • do-while
  • for
  • for-in
  • label
  • break continue
  • with
  • switch

3.7 函数

第4章 变量、作用域和内存的问题

4.1 基本类型和引用类型的值

基本类型的值指的是简单的数据段，引用类型的值指的是哪些可能由多个值构成的对象

引用类型的值是保存在内存中的对象。JS不允许直接访问内存中的位置。在操作对象时，实际上是在操作对象的引用而不是实际的对象。

4.1.1 动态的属性
var person = new Object();
person.name = "Fred";
alert(person.name);         //"Fred"

var name ="Rose";
name.age = 27;
alert(name.age);            //undefined
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
4.1.2 复制变量的值
var num1 = 5;
var num2 = num1;
 
 
  • 1
  • 2

 
 
  • 1
  • 2

num1中保存的值是5，当使用num1的值来初始化num2时，num2中也保存了值5。但num2中的5与num1中的5是完全独立的，该值只是num1中的5的一个副本。此后两个变量可以参与任何操作而不相互影响。

var obj1 = new Object();
var obj2 = obj1;
obj1.name = "Fred";
alert(obj2.name);   //Fred
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

当一个变量向另一个变量复制引用类型的值时，同样也会将存储在变量对象中的值复制一份放到位新变量分配的空间中。不同的是，这个值的副本实际上是一个指针，这个指针指向存储在堆中的一个对象。复制操作结束后，两个变量实际上引用的是同一个对象。因此，改变其中一个变量，就会影响另一个变量。

4.1.3 传递参数

访问变量有按值和按引用 
而参数只能按值传递

function addTen(num){
    num += 10;
    return num;
}
var count = 20;
var result = addTen(count);
alert(count);   //20
alert(result);  //30
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
function setName(obj){
    obj.name = "Fred";
}
ver person = new Object();
setName(person);
alert(person.name); //Fred
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

有很多开发人员错误的认为：在局部作用域中修改的对象会在全局作用域中反映出来，就说明参数是按引用传递的。

function setName(obj){
    obj.Name = "Fred"
    obj = new Object();
    obj.name = "Greg";
}
var person =new Object();
setName(person);
alert(person.name);         //Fred
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

如果person是按引用传递的，那么person就会自动被修改为指向其name属性值为”Greg“的新对象。但是事实并非如此。实际上，当在函数内部重写obj时，这个变量引用的就是一个局部对象了，而这个局部对象会在函数执行完毕后立即被销毁。

4.1.4 检测类型
var s ="Fred";
var b =true;
var i =22;
var u ;
var n = null;
var o =new Object();

alert(typeof s);    //String
alert(typeof b);    //Boolean
alert(typeof i);    //Number
alert(typeof u);    //undefined
alert(typeof n);    //object
alert(typeof o);    //object
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
alert(person instanceof Object);    //变量person是Object吗
alert(colors instanceof Array);     //变量color是array吗
alert(pattern instanceof RegExp);   //变量pattern是RegExp吗
 
 
  • 1
  • 2
  • 3

 
 
  • 1
  • 2
  • 3

4.2 执行环境和作用域

var color = "blue";

function changeColor(){
    var anotherColor = "red";

    function swapColors(){
        var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
        //这里可以访问color anotherColor tempColor
    }
    //这里可以访问color和anotherColor但不能访问tempColor
    swapColors();
}
//这里只能访问color
changeColor();
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

 
 

  
  
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
4.2.1 延长作用域链

with和try-catch中的catch

4.2.2 没有块级作用于
if(true){
    var color = "blue";
}
alert(color); //"blue"
 
 
  • 1
  • 2
  • 3
  • 4

 
 
  • 1
  • 2
  • 3
  • 4

在C、C++或Java中，由花括号封闭的代码块都有自己的作用于，color会在if语句执行完毕后被销毁，但在JS中，if语句中的变量声明会将变量添加到当前的执行环境中。

var color = "blue";
function getcolor(){
    var color = "red";
    return color;
}
alter(getcolor());  //red
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

4.3 垃圾收集

垃圾收集机制是自动的

4.3.1 标记清除

JS中最常用的垃圾收集方式是标记清除

4.3.2 引用计数
4.3.3 性能问题

IE：window.CollectGarbage() 
Opera7:window.opera.collect()


saucxs
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScrept高级程序设计（第三版）
03-26
JS 全面的技术 很全的 ‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’。。。。。。。。。。。。。。。。。。。。。。。。。。。。
JavaScript高级程序设计（第三版）学习笔记1~5章
10-22
《JavaScript高级程序设计（第三版）》是学习JavaScript的重要参考资料，涵盖了许多核心概念和技术。以下是该书前五章主要知识点的详细讲解： 1. 在HTML中使用JavaScript： - `<script>`标签用于引入JavaScript...
hasOwnProperty() 方法详解
最新发布
聚娃科技开发者博客
12-26 4287
通过本文，我们深入了解了JavaScript中的方法，掌握了它的基本用法和实际应用场景。是在处理对象属性时非常有用的工具，帮助我们判断属性是否为对象的自有属性，避免对继承属性的误操作。
JavaScript原生对象
weixin_44691513的博客
07-11 563
JavaScript原生对象详解版 创建对象的3种方式： 对象直接量 <script> var abc={ name: "xiaoou", "sex": "女", eating: function () { console.log("我会吃饭！"); }, boyFriend: { name: "carol", s
JavaScript高级程序设计 笔记
baidu_26868125的博客
08-15 453
JavaScript高级程序设计笔记 笔记 1. 将所有的变量集中起来放在文件的开头,这样所有的变量都被定义,只是没有初始值,显示的虽然都是undefined. 2. 养成良好的编码习惯,加分号; 3. 闭包就是设定一定的作用域； 4. JQuery 动画-animate()使用方法: .$(selector).animate({params},speed,callback);...
《JavaScript高级程序设计 第三版》学习笔记 （十二）Ajax详解
前端小白
09-03 700
一、JSON 1.使用XML在服务器和浏览器之间进行数据交换太浪费带宽，因而出现了新的数据结构JSON。JSON是包含了简单值、对象、数组的严格的JS子集，不支持变量、函数或对象实例。很多语言也有各自的JSON解析器和序列化器。 2.不能将JSON写成简单的js字面量，否则只能在js中使用，而其他语言会解析不了。JSON要求严格的地方主要有：字符串值必须用双引号；对象属性必须用双引号；同一个对
第四章(js高级程序设计学习笔记)----2
03-17
在本节中，我们将深入探讨JavaScript的高级程序设计，特别是关注"第四章(js高级程序设计学习笔记)----2"的主题。这一章很可能涵盖了JavaScript的核心概念，包括原型链(Prototype Chaining)。通过阅读名为...
JavaScript高级程序设计 DOM学习笔记
12-10
元素，文档最外层元素，文档节点第一个子节点。 3) Node类型： ①Node是DOM中各种节点类型的基类型，共享相同的基本属性和方法。 □ Node.Element_NODE(1); □ Node.ATTRIBUTE_NODE(2); □ Node.TEXT_NODE(3); □ ...
JavaScript1-2章笔记1
08-03
JavaScript是一种客户端脚本编程语言，它与...对于初学者，理解这些基础知识是掌握JavaScript的第一步。随着学习的深入，还可以探索更高级的主题，如DOM操作、异步编程、闭包和模块化等，以提升JavaScript编程技能。
Eclipse 开发学习笔记第17章源码
08-09
在本章"Eclipse开发学习笔记第17章源码"中，我们将深入探讨如何使用Eclipse集成开发环境（IDE）来构建一个实际的在线购物系统。这个实例将涵盖多个关键的IT知识点，包括软件工程的设计原则、Java编程、Web应用程序...
JavaScript高级程序设计 学习笔记 js高级技巧
12-09
第十八章 高级技巧 1.高级函数 1.1 作用域安全的构造函数 ①直接调用构造函数而不适用new操作符时，由于this对象的晚绑定，它将映射在全局对象window上，导致对象属性错误增加到window。 代码如下: function Person(name,age,job){ this.name = name; this.age = age; this.job = job; } Var person = Person(“Jay”,29,”singer”); //属性增加到window对象上。 ②作用域安全构造函数 代码如下: function Person(name,age,job){
Javascript高级程序设计学习笔记（七）
MING23333的博客
09-29 234
七 函数 法一 函数声明 function functionName(arg0,arg1,arg2){ //函数体 } alert(functionName.name);//functionName,只在Firefox,safri,Chrome和Opero有效 函数声明提升，在执行代码前先读取函数声明 sayHi(); function sayHi(){   alert("Hi"); } //不会...
js 高级程序设计（笔记）
weixin_30593443的博客
03-08 68
第二章 1.为了避免浏览器在呈现页面时出现明显的延迟，现代Web 应用程序一般都把全部JavaScript 引用放在<body>元素中页面内容的后面。 第三章 1.ECMAScript 中有5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number 和String。还有1 种复杂数据类型——Object。 2.位于null...
JavaScript高级程序设计笔记(1)_javascript简介
bestcurrypizza的博客
10-29 400
第一章"javascript简介" js诞生于95年,目的验证输入操作 js组成 :(1)核心ECMAScript-由ECMA-262定义提供核心语言功能 与web浏览器没有依赖关系，web浏览器只是宿主环境之一（其他宿主环境有Node和Flash），宿主环境提供该语言的扩展（如DOM）。本身不包含输入输出定义 规定了：语法，类型，语句，关键字，保留字，操作符，对象 (2)文档对象模型
js-JavaScript高级程序设计学习笔记15
weixin_34315665的博客
12-11 80
第十七章 错误处理与调试 1、try-catch语句。如果try块中的任何代码发生了错误，就会立即退出执行开始执行catch块。必须要给catch的错误对象起名字。不同浏览器都有一个message属性保存错误消息。 2、finally子句，在try-catch块后，无论如何都会执行finally子句的内容，即使在try或catch中用了return，那么return会被忽略，也无法阻止finall...
JavaScript高级程序设计 1-4章学习总结
这个家伙很懒...
03-21 86
在 HTML 中使用 JavaScript 在包含外部 JavaScript 文件时，必须将 src 属性设置为指向相应文件的 URL。而这个文件既可 以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。 所有<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用 defer 和 async 属性的情况下，只有在解析完前面<script>元素中的代码之后，才会开始解析后面 <script>元素中的代码。 由于浏览器会先解析完不使用
JavaScript高级程序设计学习笔记1： 基础
gdjlc的专栏
01-29 723
JavaScript高级程序设计学习笔记1： 基础一、语法：1、区分大小写。2、变量是弱类型。3、每行结尾的分号可有可无。   如果没有分号，以这行代码的结尾看作该语句的结尾。二、变量1、同一个var语句可以定义多个变量，而且不必具有相同的类型。   如：      var test = "hi", age = 25;2、变量
JavaScript高级程序设计（红宝石书）学习笔记
FyWOoOoOoOo的博客
11-22 697
阅读JavaScript红宝石书所做笔记
怎么才能看懂程序设计的书
xhoo 的博客
07-26 1568
无论是C语言，C++，JAVA,这几个程序语言的书籍，这些书上的内容大概就几部分，数据类型，程序结构（也就是循环，顺序，选择结构），还有一个是函数（将数据，程序结构封装在函数里实现某一特定的功能） 其中已经证明 顺序，选择，循环三种结构可以实现任何算法，这是由 1966年bohm和Jacopini证明了，只用三种基本的控制结构就能实现任何单入口单出口的程序。 可以用道客巴巴搜索 结构化程序设计
JavaScript高级程序设计核心笔记-ECMAScript与DOM解析
"《JavaScript高级程序设计》笔记涵盖了JavaScript的基础到高级概念，包括其历史、实现方式、在HTML中的使用，以及基本语法、数据类型、操作符、语句和最佳实践。JavaScript起源于Netscape公司的开发，由ECMAScript...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值