美文网首页
es5核心技术

es5核心技术

作者: 小小小前端 | 来源:发表于2018-05-19 23:34 被阅读0次

立即执行函数

    (function () {
        console.log(111)
    })()

函数提升和变量提升

    var a = 12;
    (function () {
        var a = 13;
        function a(){

        }
        console.log(a)//13
    })()
//function 声明在变量之前

闭包

//闭包形式
function out(){
    var a = 12;
    function inside(){
        a++;
        console.log(a)
    }
    return inside;
}
var global = out();
global()//13
global()//14
//闭包概念 函数被调用在他所在的词法作用域之外,保留了对原词法作用域的引用,形成了闭包
//好处  模块化开发 实现私有变量 避免全局变量的污染
//缺点  造成内存泄漏  需要将引用变量 = null

this

var a = 13;
var test = {
   a :12,
   init:function (argument) {
       console.log(this.a)
   }
}
test.init()//12  this指向test
var global = test.init;
global()//13    this指向window
//this  指针 谁调用指向谁
//改变this指针 call apply bind  
//call  参数直接,,,  apply 参数数组  bind返回新函数 this不能再被改变  未执行

原型链实现继承

function Person(name){
    this.name = name;
}
Person.prototype.speak = function(){
    console.log("我叫"+this.name)
}

function Student(){
    Person.call(this);
}

Student.prototype = Object.caeate(Person.prototype)
Student.prototype.constructor = Student;
//对象的_proto_指向创造函数的原型对象最终_proto_指向Object.prototype
//函数的原型对象是 有constructor 和 各种原型上的方法  construtor函数是构造函数本身 

相关文章

  • es5核心技术

    立即执行函数 函数提升和变量提升 闭包 this 原型链实现继承

  • ES5的核心技术

    标签 : ES5 1.闭包 观察下一段代码在浏览器中的运行情况 浏览器会报错,因为上面代码段1-3行形成了闭包,从...

  • Java 语言原理

    Java核心技术讲解学习一 Java核心技术讲解学习二 Java核心技术讲解学习三 Java核心技术讲解学习四 J...

  • React中ES6和ES5的不同之处

    组件类的定义 es5 es6 状态初始化 es5 }) es6 属性初始化 es5 es6 组件抛出 es5 es...

  • 【视频分享】尚硅谷MySQL核心技术&&MySQ

    尚硅谷MySQL核心技术&&MySQL高级视频 尚硅谷MySQL核心技术 本视频涵盖MySQL核心技术主要知识点,...

  • 欢迎使用开源的代码生成器Code-Builder

    加入群聊 SpringBoot 核心技术①:373229384 (满)SpringBoot 核心技术②:58835...

  • 蓝牙核心技术

    蓝牙核心技术概述(一):蓝牙概述蓝牙核心技术概述(二):蓝牙使用场景蓝牙核心技术概述(三): 蓝牙协议规范(射频、...

  • 揭秘 APM iOS SDK 的核心技术

    揭秘 APM iOS SDK 的核心技术揭秘 APM iOS SDK 的核心技术

  • ES5数组扩展

    ES5对数组做了大幅的扩展,下面来介绍下ES5数组的常用操作 ES5数组 Array.isArray()用来判断一...

  • 2019-04-02(class)

    =======================ES5=============================...

网友评论

      本文标题:es5核心技术

      本文链接:https://www.haomeiwen.com/subject/agtzdftx.html