
1.JS内置类型
分为基本数据类型和Object.
基本数据类型有:null,undefined,string,boolean,number,symbol.
console.log(typeof null);//object
console.log(typeof []);//object
console.log(typeof {});//object如果想要区分null,数组,对象,应该怎么办?
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call({}));//[object Object]我的简单理解:toString(数据);作用:将数据转化为字符串。
推荐相关文章:2020年最全js面试题整理(最新)
2.类型转化
类型转化:分为显示类型转化,和隐式类型转化。
1.Number(数据)
如果数据内容式纯粹的数字,才可以转化为数字,否则式NaN。
var str2="12px";//NaN var str2="1.2";//1.2 var str2="1.2.3";//NaN var str2=null;//0 console.log(Number(str2));
2.NaN
NaN的数据类型书Number。注意:NaN和任何东西都不相等,包括自己。
3.isNaN(数据)
会先把数据用Number转化,转化完了之后在判断是不是NaN,如果是NaN则返回为true。否则返回为fasle。
console.log(isNaN(1));//false
console.log(isNaN("123"));//false
console.log(isNaN("abc"));//true4.parseInt(数据)和parseFloat(数据)
parseInt(数据):把数据变成整数,舍去小数点,取整数。 parseFloat(数据):把数据转化为数字,可以是小数。 注意:这两个方法会从左往右开始,除去空格,找到第一位非0数字,开始进行转换,直到转换到不是数字的那位为止,或者,转换出合适的值为止。
console.log( parseInt( "1" ) );//1
console.log( parseInt( "1.9" ) );//1
console.log( parseInt( "20px" ) );//20
console.log( parseInt( " 25px" ) );//25
console.log( parseInt( " 0.0026px" ) );//0
console.log( parseFloat( " 0.0026px" ) );//0.00265.Stirng( )和Boolean()也可以进行显示类型转化,这里不缀述
条件判断中,除了null,undefined,'',NaN,false,0都转化为false,其余都转化为true。
6.隐式类型转化
只有当加法运算时,其中一方是字符串类型,就会把另一个也转为字符串类型。其他运算只要其中一方是数字,那么另一方就转为数字。并且加法运算会触发三种类型转换:将值转换为原始值,转换为数字,转换为字符串。
10.拷贝式继承
11.class继承
12.函数作用域,执行上下文,变量提升,闭包
1.作用域
JS作用域分为全局作用域和函数作用域,函数作用域可以访问全局作用域中的变量,对象,函数等。但是函数作用域外部访问不到函数内部的变量,对象,函数。 但在ES6中新增了块级作用域。let,const在块中声明的变量,函数等,外部都访问不到。
{
var a=1;
let b=2;
console.log(b);//2
{
console.log(b);//2
}
}
console.log(a);//1
console.log(b);//报错,b is not defined2.执行上下文
这里有篇非常好的js执行上下文的文章,可以点击链接查看
总结:
1. 调用函数是会为其创建执行上下文,并压入执行环境栈的栈顶,执行完毕弹出,执行上下文被销毁,随之VO也被销毁
2. EC创建阶段分创建阶段和代码执行阶段
3. 创建阶段初始变量值为undefined,执行阶段才为变量赋值
4. 函数申明先于变量申明3.变量提升(域解析)
关键:变量提升过程中函数优先级高于变量优先级
function foo() {
console.log(f1); //f1() {}
console.log(f2); //undefined
var f1 = 'hosting';
var f2 = function() {}
function f1() {}
}
foo();4.闭包
闭包:函数 A 返回了一个函数 B,并且函数 B 中使用了函数 A 的变量,函数 B 就被称为闭包。
for ( var i=1; i<=5; i++) {
setTimeout( function timer() {
console.log( i );
}, i*1000 );
}首先因为 setTimeout 是个异步函数,所有会先把循环全部执行完毕,这时候 i 就是 6 了,所以会输出一堆 6。
解决方法一:
for (var i = 1; i <= 5; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j);
}, j * 1000);
})(i);
}解决方法二:
for ( var i=1; i<=5; i++) {
setTimeout( function timer(j) {
console.log( j );
}, i*1000, i);
}解决方法三:
for ( let i=1; i<=5; i++) {
setTimeout( function timer() {
console.log( i );
}, i*1000 );
}点击这里,闭包进一步了解
13.深浅拷贝
1.浅拷贝
首先可以通过 Object.assign 来解决这个问题。
let a = {
age: 1
}
let b = Object.assign({}, a)
a.age = 2
console.log(b.age) // 1当然我们也可以通过展开运算符(…)来解决
let a = {
age: 1
}
let b = {...a}
a.age = 2
console.log(b.age) // 12.深拷贝
function cloneFn( sourse ){
var o = Object.prototype.toString.call(sourse).toLowerCase().indexOf("array")!==-1 ? [] : {};
for( var attr in sourse ){
if( (typeof sourse[attr] === "object") && sourse[attr] !== null ){
o[attr] = cloneFn( sourse[attr] ) ;
}else{
o[attr] = sourse[attr];
}
}
return o;
}相关文章:










