JavaScript高级程序设计（红宝石书）学习笔记

1.在使用<script>嵌入JS代码时，任何地方都不要出现 "</script>"字符串。

2.使用defer属性可以让脚本在文档完全呈现之后再执行，且按顺序执行。

使用async属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现，不保证安顺序执行

3.函数中省略var定义变量，那这个变量会被定义为全局变量。

let声明的变量不会挂载到window上。

4.对未初始化的变量执行typeof操符回返回undefined值，而对未声明的变量执行typeof操作符同样会返回undefined值。

5.八进制字面值：第一位必须是零（0），然后八进制数字序列，如果字面值的数值超出了范围，那么前导零将被忽略。

let a=070 //56
let b=079 //79

十六进制字面值的前两位必须是0xI（区分大小写），后跟任何十六进制数字（0～9及A～F），字母大小写均可。

6.对于对象调用Number()函数，先调用对象的valueOf()方法，然后依照前面的规则转换返回的值，如果转换的结果是NaN，则调用对象的toString()方法，然后再次依照前面的规则转换返回的字符串值。

7.parseInt()函数在转换字符串时，更多的是看其时候符合数值模式，他会忽略字符串前面的空格，直至找到第一个非空格字符串，如果第一个字符不是数字或者负号，就会返回NaN。

8.null和undefined没有toString方法，对于null和undefined使用String()方法。

其实String()的本质是调用了toString()方法，只是处理了null和undefined两种特殊情况。

9.switch语句在比较值时使用的是全等操作符，因此不会发生类型转换。

10.函数的参数可以想象为一个局部参数。

function setName(obj){obj.name="niko"obj=new Object()obj.name='s1mple'
}
var person=new Object()
setName(person)
console.log(person) //niko

11.模版字面量也支持定义标签函数，而通过标签函数可以自定义插值欣慰，标签函数会接收被插值极好分割后的模版和每个表达式求值的结果，标签函数本身也是个常规函数，通过前缀到模版字面量来应用自定义行为。

let a =6
let b=9
function simpleTag(string,...expresions){console.log(string)for(const key of expresions){console.log(key)}return 'sss'
}
let taggedResult=simpleTag`${a}+${b}=${a+b}`
console.log(taggedResult)//["", "+", "=", ""]
// 6
// 9
// 15
//"sss"

12.使用模版字面量也可以直接获取原始的模版字面量内容（如换行符：\n）而不是呗转换后的字符表示，为此，可以使用默认的String.raw标签函数。

13.Symbol()函数不能与new关键字一起作为构造函数使用，这样做是为了避免创建符号包装对象。

14.number方法：toPrecision()会风局情况返回最合理的输出结果，可能是固定长度，有可能是科学计数法形式，这个方法接受一个参数，表示结果中数字的总位数（不包含指数）

let num= 99;
console.log(num.toPrecision(1));//'1e+2'   -->对99四舍五入了
console.log(num.toPrecision(2));//‘99’
console.log(num.toPrecision(3));//‘99.0’

15.slice()、substr()、substring()，对于某个参数是负值时的不同处理：

slice：将所有负值参数都当成字符串长度加上负参数值。

substr：降低一个负参数值当成字符串长度加上该值，将第二个负参数值转换成0。

substring：将所有负参数值都转换为0。

let stringValue = "hello world";
console.log(stringValue.slice(-3));        //8 rld
console.log(stringValue.substring(-3));    //0 hello world
console.log(stringValue.substr(-3));       //8 rld
console.log(stringValue.slice(3, -4));     //3-8 lo w
console.log(stringValue.substring(3, -4)); //3-0 hel
console.log(stringValue.substr(3, -4));    //3,0 ''

16.通过eval()定义的任何变量和函数都不会被提升，只是因为在解析代码的时候，他们是被包含在一个字符串中的，他们只是在eval()执行的时候才会被创建。

eval("let msg='ssss';")
console.log(msg) // "Uncaught ReferenceError: msg is not defined"

17.使用instance佛的问题是假定只有一个全局执行上下文，如果网页中有多个框架，则可能涉及两个不同的全局上下文，因此就有两个不同版本的Array构造函数，如果要把数组从一个框架传个另一个框架，则这个数组的构造函数将有别于第二个框架内本地创建的数组。

18.数组splice()的返回值是被删除的项。

19.WeakMap的键只能是Object或者继承自Object的类型，WeakSet的值只能是Object或者继承自Object的类型。

20.Object属性的类型：

数据属性：数据属性包含一个保存数据值的位置，值会从这个位置读取，也会写入这个位置，数据属性有四个特性描述它们的行为：Configurable,Enumerable,Writable,Value.

访问器属性：访问器属性不包含数据值，相反，他们包含一个获取函数和一个设置函数，不过这个两个函数不是必须的。访问器属性有四个特性描述它们的行为：Configurable , Enumerable ,Get,Set.

21.使用new操作符：

在内存中创建一个新对象

这个对象内部的[[Prototyoe]]特性被赋值为构造函数的prototype属性

构造函数内部的this被赋值为这个新对象（即this指向新对象）

执行构造函数内部的代码（给新对象添加属性）

如果构造函数返回非空对象，则返回该对象；否则，返回刚创建的新对象

22.重写整个原型会切断最初原型与构造函数的关系，丹实例引用的仍然是最初的原型。实例只有指向原型的指针，没有指向构造函数的指针。

function Person(){}
Person.prototypr={constructor:Person,name:'Niko',age:29,job:'software Engineer',sayHi(){console.log('hi')}
};
friend.sayHi()//错误

23.函数受函数作用域的限制，而类受块作用域限制

{
function test(){}
class ClassTest(){}
}
console.log(test)// test(){}
console.log(ClassTest)//ReferenceError

24.使用super时的注意点：

super只能在派生类构造函数和静态方法中使用。

不能单独引用super关键字，要们用它调用构造函数，要么用它引用静态方法。

调用super（）会调用父类构造函数，并将返回的实例赋值给this

super的行为如同调用构造函数，如果需要给父类构造函数传参，则需要手动传入

如果没有定义类构造函数，在实例化派生类时会调用super（），而且会传入所有传入给派生类的参数

在类构造函数中，不能在调用super（）之前引用this

如果在派生类中显式定义了构造函数，则要么必须在其中调用super，要么必须在其中返回一个对象

25.函数是ECMA中最有意思的部分之一，这主要是因为函数实际上是对象，每个函数都是Function类型的实例，而Function也有属性和方法，跟其他引用类型一样，因为函数是对象，所以函数名就是指向函数对象的指针，而且不一定与函数本身紧密绑定。

26.ES6的所有函数对象都会暴露一个只读的name属性，其中包含关于函数的信息，多数情况下，这个属性中保存的就是一个函数表示符，或者说是一个字符串化的变量名，即使函数没有名称，也会如实显示成空字符串，如果它是使用Function构造函数创造的，则会被表示成‘anonymous'

27.函数如果只传一个参数，然后把arguments[1]设置为某个值，那么这个值并不会反映到第二个命名参数，这是因为arguments对象的长度根据传入的参数个数，而非定义函数时给出的命名函数的个数确定的。

function test(num1,num2){console.log(arguments.length)//1arguments[1]=10console.log(num1,num2,arguments[1])//10,undefined,10
}
test(10)

28.箭头函数没有arguments对象。

29.在使用默认参数时，arguments对象的值不反应参数的默认值，只反映传给函数的参数。

30.js引擎在任何代码执行之前，会先读取函数声明，并在执行上下文中生成函数定义，这个过程叫做函数声明提升；而函数表达式必须等到代码执行到它那一行，才会在执行上下文中生成函数定义。

31.arguments.callee就是一个只想正好在执行的函数的指针

32.闭包外层函数在执行完后，其执行上下文的作用域链会销毁，但它的活动对象仍然会保留在内存中，直到被返回的函数被销毁后才会销毁。

注：活动对象：在函数局部上下文中，包含其中变量的对象，叫做活动对象。

全局对象：包含全局上下文中的变量的对象叫做全局对象。

33.onRejected处理程序返回的值耶会被Promise.resolve()包装，乍一看可能有点违反直觉，但是想一想，onRejected处理程序的任务不就是捕捉异步错误吗，硬刺拒绝处理程序在捕获错误后不抛出异常是符合期约的行为，应该返回一个解决的契约。

34. 所有超时执行的代码（函数）都会在全局作用于中的一个匿名函数中运行，因此函数中的this值在非严格模式下始终指向window，而在严格模式下是undefined。

持续更新中......

JavaScript高级程序设计（红宝石书）学习笔记相关推荐

《JavaScript高级程序设计2》学习笔记——BOM
View Code var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : windo ...
《JavaScript高级程序设计2》学习笔记——Ajax与JSON
View Code //XHR对象的创建 //适用于IE7之前的版本 function createIeXHR() { if(typeof arguments.callee.activeXString ...
JavaScript高级程序设计 DOM事件处理读书笔记
1.IE 不支持事件的捕获. 2.事件捕获阶段不触发事件. 3.冒泡阶段触发事件. 4.html中处理事件 (1)<input type="button" οnclick ...
《JavaScript高级程序设计》即日称王
前面预告了 JavaScript 高级程序设计一书即将出版的信息,目前这本书在专业社区和网站的宣传活动已开始,内容主要是以本书与所有出版社同类书进行PK,对比他们的优势,证集读者点评意见. 本书一周后 ...
JavaScript高级程序设计学习笔记（三）
分享一下第五章(引用类型)的笔记,内容比较多,我拆成了两部分,今天这部分是关于Object.Array.Date和RegExp类型的. 以下的笔记是书上一些我以前学习的时候,没有太重视的js基础知识, ...
《JavaScript高级程序设计》学习笔记（一）
文章目录一.什么是JavaScript JavaScript的组成二.HTML中的JavaScript 2.1 <script>元素 2.1.1 标签位置 2.1.2推迟执行脚本 2. ...
javascript高级程序设计学习笔记
javascript高级程序设计,当枕头书已经好久了~zz 现在觉得自己在js的开发上遇到了一些瓶颈,归根究底还是基础太薄弱,所以重新刷一遍js高程希望有更新的认识. 一.javascript简介 ...
你是怎么看完《JavaScript权威指南》《JavaScript高级程序设计》等这类厚书的？
参考博客原址:https://www.cnblogs.com/tonykair/p/7502276.html 你是怎么看完<JavaScript权威指南><JavaScript高级程 ...
javascript 高级程序设计_JavaScript 经典「红宝书」，几代前端人的入门选择
人的一生中总要读几本经典书,在这个"经典"泛滥的年代,什么才是权威的代表,我想大概是一本的书的口碑,能积累下上佳口碑的书,往往也是能经得住时间推敲的.比如这本: 相信许多前端开发者 ...
《JavaScript 高级程序设计》精读笔记
本系列读书笔记是我通过学习<Javascript 高级程序设计>第3版时结合自己的理解.概括.精炼然后加以一定的拓展,总结而来的,非常适合具有一定基础,同时又想把 JS 基础学更好的童鞋, ...

JavaScript高级程序设计（红宝石书）学习笔记

JavaScript高级程序设计（红宝石书）学习笔记相关推荐

最新文章

热门文章