我的JS 中级学习篇

时间：2022-06-08 02:37:14

在codefordream上进入中级学习后，感觉立马从js的基础学习往前跳了好远，上面的东西好像都是第一次看到一样．这时候才发现，说来也曾接触过js，但是这时候才发现对js的认识就停在知道两点：js中用var定义变量，用function定义函数！这时候有点羞愧了，说来真是对不起老师们的教导！之前接触js是用于编写网页，当时在dreamwever上编写网页很多功能都没有自己动手用函数实现，而是直接拖动组件等方法创建的，导致好像真的除了看到过js代码，自己还真的居然没有写过！

中级部分主要有：代码运行规则，类和对象，this引用，原型继承，和回调函数等需要学习的知识．

Ａ．关于this引用:

1.函数调用模式的时候，this指向window.

2.方法调用模式的时候，this指向方法所在的对象

3.构造函数模式的时候，this指向新生成的实例

4.apply/call调用模式的时候，this指向apply/call方法中的第一个参数

对于一个函数,我们可以通过调用该函数(注意函数也是对象)的apply方法,来将该函数内部的this引用指向一个特定对象.eg:

 function Tool(name, usage){

     this.name = name;

     this.usage = usage;

     this.get_info = function() {console.log("This is " + this.name + ", the usage of it is " + this.usage + ".");};

 }

 var cycling = new Tool("cycling","transport");

 function display(date){

     console.log(this.name+","+this.usage+","+date);

 }

 display.apply({name:"cycling",usage:"transport"},[]);

 //cycling,transport,1970

Ｂ．关于类和对象：JS中有一种类似于'类'功能的函数,叫构造函数 ,构造函数是一种可以用来生成对象的函数.JS中的对象是一组属性的无序集合,每个属性可以是 一种简单数据类型值或者一个对象或者一个函数.eg:

 var Robot = { //构造函数 Object() 生成一个对象 Robot

     birthday:'1970年1月1日',

     name:'DeepSky',//定义 name 和 birthday 两个属性

     say_hello:function(){console.log("我的名字叫"+this.name+",是一个出生在"+this.birthday+"的机器人.");}  //为该对象添加 say_hello 方法,使该方法能够在console输出一句包含 name 和 birthday 属性值的话,

     };

C．关于回调函数

在Javascript中,函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回。

 //全局变量

 var info = [];

 //普通的show函数，将数据的内容打印到控制台

 function show(data){

     info.push(data);

     //如果是可以直接输出的字符串则直接输出

     if ( typeof data === "string")

     {

         console.log(data);

     }

     else if ( typeof data === "object"){

         //遍历data

         for(var item in data){

             console.log(item + ": " + data[item]);

         }

     }

 }

 //定义一个接收两个参数的函数，参数中后面一个是回调函数, 在函数体中调用回调函数,并将第一个参数传入回调函数.

 function get_inputs(data,callback){

 callback(data);

 }

 //当我们调用get_inputs函数时，我们将show函数作为一个参数传递给它

 //因此show将会在get_inputs函数内被回调（或者执行）

 get_inputs({name:"bower",speciality:"Robot"}, show);

 //最后会输出以下的内容：

 //name: bower

 //speciality: Robot

Ｄ．关于原型和对象：

自己觉得理解上有一些问题，随后了解清楚一点，会再补上！

这里有其他朋友的理解：http://www.cnblogs.com/wfsovereign/p/4276694.html

相关文章