前端JavaScript 麻辣烫

Posted 2021-01-14 zsc0923

【本文记录了在学习JS过程中或运用JS写某些轻demo时的一些容易忽略的小点子】

最后更新：2018.10.22

Q1：为什么叫麻辣烫？

A：因为材料多且真香...各位看官根据自己口味选择食材...

Q2：食材鲜么？

A：当然鲜了，每周一次更新，放心，我不会跑路的...

废话不多说，上菜！

==================================================
赋值由右到左！

JS中数据类型：
原始值：Number String Boolean undefined null
引用值：Array Object Function

函数声明后不能立即执行
+ function test(){} //+会将声明变为表达式，可执行，立即执行同理
(function funName(){}()) //同上面理由，数学括号优先级高

var obj = Object.create(null);
//以上没有proto，说明了只有绝大多数对象会继承自object.prototype

123.toString();
// 不能执行，数学字符优先，系统误认为浮点型

递归函数中先写出口条件再写递归规律函数

遍历对象时，
for(var prop in obj){...}
obj.prop;//undefined obj里面没有prop属性 等价于obj[‘prop‘]
obj[prop];//正确访问所有属性

A instanceof B
//判断A是不是B构造出来的：看A对象原型链上有没有B的原型

callapply的功能：就是改变this指向
用别人的方法实现自己的功能。
Person.call(obj, ‘cheng‘, 300); (obj打电话给Person让他来帮忙搞事)
call能传入多个参数，apply只能传数组

开发中用 init 来初始化执行函数，即函数入口

递归先写出口再写规律

typeof(null) : object

内部函数可访问外部变量，外部不能访问内部

typeof(...);不报错，返回字符串

==================================================
类就是构造函数

三大基础值：布尔、字符串、数值
五大原始值：+undefined +null(历史遗留问题，属于对象)

undefined与0无关系(不可比)；null也是如此，但两个就是相等！==

字符串和数字比大小，会转化为数字

ECMAScript DOM BOM ===》JS

ECMAScript3.0最基础最全面最强大，ES5增强，ES6.0最飘逸

splice光标在元素左端！

数组堆内存，字符串栈内存

类数组根据Length使用push

类数组是对象

DOM生成的数组都是类数组

属性分两种构造方式，全局：一旦经历了var 的操作得到的属性（window的属性），这种
属性不可配置，delete不能删除它。对象的属性(.xxx)：可delete ( 即可配置 )

undefined和null系统规定不能和0比较

parseInt(3, 0); //现代浏览器会自动丢掉0，某些会NaN
=================================================================
DOCTYPE 有什么用：声明DTD模式，告诉浏览器该如何呈现
DTD分三种：严格/混杂/宽松
影响：DOCTYPE格式完整，浏览器一般呈现标准模式，不标准的DOCTYPE会
以宽松的向后兼容模式呈现

es5.0禁用with, arguments, callee, func, caller

document 表示文档 由htmlDocument构造
Document 表示构造函数（不能new他）构造HTMLdocument

document --> HTMLDocument.prototype --> Document.prototype(就近继承)

typeof返回6种结果：booleanstringobjectfunctionundefined umber
其中object已经包含了nullarray

function lsz(){return typeof(arguments)} //返回类数组，也是一个对象

在原型链上编程，this可以指代任何想要的对象，实现继承！

=================================================================

未完待续。。。