一.我们知道js的基本数据类型包括:number,boolen,string,null及undefined;

看下面的一段代码:

　　var abcobject  = {

　　　　firstname:"first",

　　　　lastname:"last",

　　　　sayname:function(){

　　　　　　alert("i'm" + this.name);

　　　　}

　　}

//注意以上的写法,是json格式书写方式,所以每句话之间用"逗号"分割,这叫键值对;

访问的方式:

　　(1).abcobject.firstname;

　　(2).person["firstname"],注意前面是"firstname"才能这样做;

　　(3).person["30"],注意前面是"30"才能这样用;

将person的值赋给P1,引用类型指向的是地址,访问是同块内的基本类型就是赋的值;

2.删除属性的方法:

　　 var Person = {

　　　　name:"Kobe",

　　　　age:20,

　　　　sayname: function(){

　　　　　　alert("i'm" + this.name);

　　　　}

　　}

删除属性:

　　delete person.name;

　　　　注意几个属性:

　　　　writable:可读写性,取true或者false;

　　　　configurable:是否能删除;

　　　　enumerable:枚举性;

看以下的代码:

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

function Child(name,age)

**this.obj = Parent;

this.obj(name,age);

delete this.obj;**

}

var c = new Child("zahngsan",22);

console.log(c.name);

//输出zhangsan;Chlid继承了Parent的属性;

除开这种call方法之外,还有apply的方法,看下面的代码:

**段的代码可以用Parent.call(this,name,age);代替;而call方法和apply方法意义相同,用法稍有不同:

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

function Child(name,age)

apply(this,name,age);

}

var c = new Child("zahngsan",22);

console.log(c.name);

##2.原型链的方法##

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

}

Parent.prototype.sayAge = function (){

console.log(this.age);

}

function Child (name,age,sex){

this.constructor(name,age);

this.sex = sex;

}

child.prototype = new Parent();

var c = new Child("zhangsan",30);

c.sayName;

c.sayAge;

这是重点,应该准确掌握理解:

##3.混合模式##

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

}

有些不同;但是并未写完;

##闭包##

其实闭包我们平时使用很多;只是并未提及,下面就是一个例子:

function fn(){

var max =10;

return function bar(x){

if (x > max){

console.log(x);

}

}

}

var f1 = fn();

f1(15)//15

函数里面有函数,我们发现在函数执行完成之后x未被销毁;

还有匿名函数的方式:

<body>

<ul id="ul">

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</body>

<script>

var lis = document.getElementById("ul").getElementsByTagName("li");

for(var i = 0; i < lis.length; i++){

(function(i){

lis[i].onclick = function(){

console.log(i);

}

}(i));

}

注意这两个i不同,第一个为形参;第二个是我们定义的循环变量;

这里的i没有被销毁;

JS对象基础 闭包等的更多相关文章

  1. JS对象基础

    JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性 属性是与对象相关的值. 访 ...

  2. js对象基础写法练习

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)

    函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回 ...

  4. 【学习笔记】深入理解js原型和闭包（2）——函数和对象的关系

    上文(深入理解jS原型和闭包(1)——一切都是对象)已经提到,函数就是对象的一种,因为通过instanceof函数可以判断. var fn = function () { }; console.log ...

  5. 【学习笔记】深入理解js原型和闭包（1）—— 一切都是对象

    “一切都是对象”这句话的重点在于如何去理解“对象”这个概念. ——当然,也不是所有的都是对象,值类型就不是对象. 首先咱们还是先看看javascript中一个常用的运算符——typeof.typeof ...

  6. 认识JS的基础对象，定义对象的方法

    JS的基础对象: 1.window       //窗口对象 2.document   //文档对象 3.document.documentElement      //html对象 4.docume ...

  7. javascript基础-js对象

    一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...

  8. 前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图

    jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图 一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 j ...

  9. JavaScript基础—闭包，事件

    Js基础-闭包,事件 1:js中的闭包 概念:在一个函数内部又定义了一个函数,内部函数能访问到外部函数作用域范围内的变量,这时这个内部函数就叫做闭包,无论这个内部函数在哪里被调用都能访问到外部函数作用 ...

随机推荐

  1. Foo, Bar的含义

    有些朋友问:foo, bar是什么意思, 为什么C++书籍中老见到这个词.我google了一下, 发现没有很好的中文答案.这个问题,在维基百科上有很好的回答.在这里翻译给大家. 译文: 术语fooba ...

  2. 创建CUDA项目

    输出选择X64 .cu文件属性: 常规-项类型:CUDA C/C++ 项目属性: 平台:活动(x64) CUDA C/C++ - Common-Target Machine Platform: 64- ...

  3. 第五章 动画 44：动画-使用第三方animate.css类库实现动画

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  4. vue 中 弹幕的播放

    前言 最近在搞弹幕的问题,小程序上的和vue上的,不想使用插件,于是自己摸索了一下,其实包括 2中弹幕形式 有序和无序的 直接上代码吧 <!-- 弹幕 --> <template v ...

  5. centos 修改时区以及修正时间

    1.查看系统当前的时区 [app@127-0-0-1 shine]$ timedatectl Local time: Wed 2019-10-23 17:56:17 CST Universal tim ...

  6. maven项目创6 表现层整合

    springmvc.xm创建l 和 web.xml配置    ,报错先不管 springmvc.xml com.taotao.controller   空包 其中    资源映射   是等 web.x ...

  7. js文件夹上传

    文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...

  8. effective c++ （三）

    条款07:为多态基类申明virtual析构函数 1.c++明白指出,当derived class对象经由一个base class指针被删除,而该base class带有一个non-virtual 析构 ...

  9. Luogu P4709 信息传递 (群论、生成函数、多项式指数函数)

    题意: 题解: 这道题我思路大方向是正确的,但是生成函数推错导致一直WA,看了标程才改对-- 首先一个长为\(m\)的轮换的\(n\)次幂会分裂成\(\gcd(n,m)\)个长为\(\frac{m}{ ...

  10. JS框架_(Typed.js)彩色霓虹灯发光文字动画

    百度云盘 传送门 密码:8oei 发光文字动画效果: <!doctype html> <html> <head> <meta charset="ut ...