js面向对象的学习记录

1、函数之前加了new会变成对象,this的引用发生变化。

function show()
{
    alert(this);
}
 window.onload=function(){
     var btn1=document.getElementById(‘btn1‘);
     btn1.onclick=show;
 }
show();        //window
new show();    //新创建的对象

2.原型继承

prototype

这个有的说,之前粗略的看了JavaScript设计模式的时候就说了继承的两种方式。

上一个实例

Array.prototype.a=12;

var arr=[1,2,3];

alert(arr.a);    //12

arr.a=5;

alert(arr.a);    //5

delete arr.a;

alert(arr.a);    //12

上例还反应了优先级。

3、我重点说说我对JS中的大坑(this)的理解

在函数中this指向window,后来在查阅资料中知道严格模式下是undefined

在把函数变成对象的时候指向该对象

在对象中指向该对象

在对象中嵌套的情况下就不一样了。可以用一个变量保存上层函数的this。

还有对this的优化bind,我刚学不知道

这里mark了一篇博客http://blog.jobbole.com/39305/

时间: 2024-12-05 06:42:42

js面向对象的学习记录的相关文章

JS面向对象逆向学习法,让难理解的统统一边去(1)~

对于面向对象我只能说呵呵了,为什么呢,因为没对象--- 既然你看到了这里,说明你有一定的基础,虽然本系列文章并不会过多的讲述基础部分,请做好心理准备. 本篇比较简单,这篇文章的意义是让你明白学习面向对象所需要掌握东西,并且重点是什么. ------------------------------------------------ 前世: box:那个,你看看,你这代码也叫代码?你知道的,我们可是有理想的公司,再这样的话,你可以走了. --:T_T. box:让你学面向对象,为什么不学! --:

js去整学习记录

1.parseInt() //丢弃小数部分: 2.Math.ceil() //向上去整(遇到小数丢弃小数,整数部分向上加一): 3.Math.round()  //四舍五入: 4.Math.floor() //向下去整: 一些学习笔记,记录自己学习的点击,菜鸟就这样成长的,看到的行内大牛,希望得到你们的指导.

JS面向对象的学习

1.面向对象 var arr = new Array(); //[] //我们把系统自带的对象,叫做系统对象 var arr = []; arr.number = 10; //对象下面的变量:叫做对象的属性 arr.test = function(){ //对象下面的函数 : 叫做对象的方法 alert(123); }; 2.面向对象的转变 var obj = new Object(); //创建了一个空的对象 obj.name = '小明'; //属性 obj.showName = funct

Node.js Windows系统学习记录 -- 01用法

1.安装Node 在我之前的文章Windows系统下安装fis3中提到过怎么安装Node 2.打开cmd输入: mkdir %USERPROFILE%\projects cd %USERPROFILE%\projects 3.创建一个js脚本 hello-world.js const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((

Js面向对象OOP学习指南

Type: 1.基本类型 each variable containing a primitive value uses its own storage space . tip: undefined == null true 2.引用类型

2017.05.06FreeCodeCamp编程之JS面向对象编程学习

1.构造对象的方法: ① ②使用构造函数来创建对象.构造函数 通常使用大写字母开头,以便把自己和其他普通函数区别开. 在 构造函数 中, this 指向被此 构造函数 创建出来的 对象 . 2.使用构造函数的方法:使用构造函数时,我们通过在它前面使用 new关键字 来对它进行调用 要使用 new 关键字 去调用构造函数.因为只有这样,Javascript才知道这是要去构造一个新 对象 ,并且把构造函数中的 this 指向这个新对象. 现在,当 myCar (即 Car 的一个 实例 )创建后,他

Array方面Js底层代码学习记录

一..clear() →Array function clear() { this.length = 0; return this; } 返回清除item的空数组. 例子: var fruits = ['Apple', 'Orange', 'Bananas', 'peach']; fruits.clear(); // -> [] fruits // -> [] 二..clone() →Array function clone() { return slice.call(this, 0); }

js面向对象学习 - 对象概念及创建对象

原文地址:js面向对象学习笔记 一.对象概念 对象是什么?对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”.也就是一组名值对的无序集合. 对象的特性(不可直接访问),也就是属性包含两种,数据属性和访问器属性. 1.数据属性又包含 Configurable //表示能否通过delete删除,默认为true: Enumerable //表示能否通过for-in循环返回属性,默认为true; Writable  //表示能否修改属性的值,默认为true; Value            

JS继续学习记录(一)

JS继续学习记录(一) 总感觉自己的js code写的还算可以,但是又深知好像只知道一些皮毛,所以打算仔细记录一下js晋级学习过程,日日往复 先记录一下自己目前对js的了解吧(20180828) js作为脚本语言,包括核心语法,dom,bom三部分组成. 1.核心语法:变量,函数的定义,一些js内置对象的调用,如array,如json,基本数据类型,引用数据类型若干,各自的用法云云. 2.dom对象:html的页面对象的封装,封装成的dom对象内包括html的基础属性,衍生属性,监听器,绑定函数