H5W3
当前位置:H5W3 > JavaScript > 正文

【JS】你不会知道的JavaScript知识

1.Function.prototype竟然是个函数类型。而自定义函数的原型却是对象类型。

typeof Function.prototype==='function'; // true
function Perple(){}
typeof People.prototype==="object"; // true
const noop=Function.prototype;
const noop=()=>{};

2.一个变量真的会不等于自身吗?

const x=NaN;
x !==x; // true
isNaN('abc'); // true
Number.isNaN('abc'); // false

3.构造函数如果 return 了新的数据。

// 不返回
function People(){}
const peoplr=new People(); // People{}
//返回数字
function People(){
return 1;
}
const people=new People(); // People {}
//返回对象
function Animal(){
return {
hello:"world",
};
}
const animal=new Animal(); // {hello:"world"}

4..call.call到底在为谁疯狂打 call?

function fn1(){
console.log(1);
}
function fn2(){
console.log(2);
}
fn1.call.call(fn2); // 2

5.实例后的对象也能再次实例吗?

function People(){}
const lili=new People(); // People {}
const lucy=new tom.constructor(); // People {}
var x=10;
function fn(x=2,y=function(){return x+1}){
var x=5;
return y();
}
fn(); // 3

7.函数表达式(非函数声明)中的函数名不可覆盖

const c=function CC(){
CC=123;
return CC;
};
c(); // function

8.严格模式下,函数的this是 undefined而不是Window

// 非严格
function fn1(){
return this;
}
fn1(); // Window
// 严格
function f2(){
'use strict';
return this;
}
fn2(); // undefined

9.取整作也可以用按位操作

var x=1.23 | 0; // 1

10.getter/setter也可以动态设置吗?

class Hello{
_name='lucy';
getName(){
return this._name;
}
//静态的 getter
get id(){
return 1;
}
}
const hel=new Hello();
hel.name; // undefined
hel.getName(); // luck
// 动态的 getter
Hello.prototype._difineGetter_('name',function(){
return this._name;
})
Hello.prototype._defineSetter_("name",function(){
this._name=value;
});
hel.name; // lucy
hel.getName(); // lucy
hel.name='jimi';
hel.name; // jimi
hel.getName(); //jimi

11.class语法糖到底是怎么继承的?

function Super(){
this.a=1;
}
function Child(){
// 属性继承
Super.call(this);
this.b=2;
}
// 原型继承
Child.prototype=new Super();
const child=new Child();
child.a; // 1
const extends=(Child,Super)=>{
const fn=function(){}
fn.prototype=Super.prototype;
Child.prototype=new fn();
Child.prototype.constructor=Child;
}

12.es6居然可以重复对象

const obj={
a:{
b:1
},
c:2
};
const {a:{b},a}=obj;

13.对象 === 比较的是内存地址,而 >= 将比较转换后的值

{}==={}; // false
//隐式转换 toString()
{} >={}; // true

14.instanceof的判断方式是原型是否在当前对象的原型链上面

function People(){}
function Man(){}
Man.prototype=new People();
Man.prototype.constructor=Man;
const man=new Man();
man instanceof People; // true
//替换 People 的原型
People.prototype={};
man instanceof People; // false

15.void是个固执老头

void 0 === undefined; //true
void 1 === undefined; //true
void {} ==== undefined; // true
void 'hello' === undefined; // true
void void 0 === undefined;  // true

16.本期的分享到了这里就结束啦,后期还会持续更新,希望对你有所帮助,让我们一起努力走向巅峰。

本文地址:H5W3 » 【JS】你不会知道的JavaScript知识

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址