<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <script>

    /*

        function Person(){}    //当我们定义一个函数，系统会默认该函数为同名类下的构造函数，我们也可以把这个函数称之为构造器

        var p1 = new Person();

        alert(typeof p1);

    */

    /*

    var per = new Object();

    per.name = '张三';

    alert(per.name);

    */

    /*

    //对象的创建

    var 对象名 = new 类名();

    function Person(){} //类的定义

    var p1 = new Person(); //对象的定义

    //对象的属性    对象名.属性

    p1.name = 'zhangsan';

    p1.age = 23;

    p1.marry = false;

    alert(p1.name+':'+p1.age+':'+p1.marry);

    alert(typeof p1);

    */

    /*

        //常用的几个关键词

        alert(p.constructor); constructor 调用对象的构造器

        alert(typeof p);    typeof 类型

        alert(p instanceof person)    instanceof 判断某个对象是否属于某个类

    */

    /*

        this的使用

        1.在js中，谁调用构造器，那么构造器内部的this指针就指向“谁”

        2.在js全局变量作用域中，this指向window对象

    */

    /*

        //对象的遍历

        function Person(){}

        var p1 = new Person();

        p1.name='xiao';

        p1.age = 30;

        for(var i in p1){

            document.write(p1[i]+'<hr>');

        }

        for(var i in window){

        document.write(i+'<br>');

        }

    */

    /*

        //属性的删除

        语法 delete 对象名.属性

    */

    /*

        function Person() {}

        var p1 = new Person();

        p1.name = 'lis';

        p1.age = 33;

        p1.speak = function(){

            alert("我叫"+this.name);

        }

        p1.speak();

    */

    //json 对象

    /*

    var json = {

        name : 'lisi',

        age :23,

        addr : '广州'

    };

    alert(json.name);    //调用  对象名.属性

    */

    /*

    var json = [{

        name : 'lis',

        age : 23,

        email : '11@11.com'

        },{

            name : 'wang',

            age : '25',

            email : '33@33.com'

        }

    ];

    alert(json[1].name);

    */

    //原型链

    /*

    //1.原型对象 当我们加载一个函数构造器，会自动再内存创建一个对象，我们把这个对象称之为原型对象。

    //应用

    function Person(){}

    var p1 = new Person();

    p1.age = 23;

    Person.prototype.address =  'beijing';    //通过原型添加address属性

    Pseron.prototype.speak = function(){    //通过原型添加speak方法

        alert(this.name);

    }

    //2.原型继承

        function Person(){}

        var p1 = new Person();

        p1.name = 'zhangsan';

        p1.age = 23;

        alert(p1.hasOwnProperty('name'));

    */

    </script>

</body>

</html>

javascript 简略的更多相关文章

  1. javascript对象(简略)

    javascript对象有着自有的属性,对象可以从一个称为原型的对象继承属性,对象的方法通常是继承的属性,原型式继承是javascript的核心特征.

  2. JavaScript事件详解-jQuery的事件实现（三）

    正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...

  3. javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库

    预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScr ...

  4. JavaScript的学习--正则表达式

    今天用正则表达式的时候遇到了不少问题,就研究了一下,参考了不少博客,特此记录. 正则表达式的参数    参考 /i (忽略大小写)/g (全文查找出现的所有匹配字符)/m (多行查找)/gi(全文查找 ...

  5. 浅析Javascript

    Javascript是一种脚本语言,从出生就被唾弃,一开始人们使用它只是为了解决诸如页面数据校验之类的问题.它基于prototype的面向对象实现一度被认为很丑很难用,甚至很多身处一线Web开发者都不 ...

  6. JavaScript常用表单验证正则表达式（身份证、电话号码、邮编、日期、IP等）

    身份证正则表达式 //身份证正则表达式(15位)isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//身份证正则表达式 ...

  7. JavaScript对SVG进行操作的相关技术

    原文地址:http://www.ibm.com/developerworks/cn/xml/x-svgscript/   本文主要介绍在 SVG 中通过编程实现动态操作 SVG 图像的知识. SVG ...

  8. DOM笔记（十）：JavaScript正则表达式

    一.RegExp ECMAScript通过RegExp类型类支持正则表达式,语法和Perl类似: var exp = /pattern/flags; patternb部分是任何简单的或复杂的正则表达式 ...

  9. JavaScript——对this指针的新理解

    一直以来对this的理解只在可以用,会用,却没有去深究其本质.这次,借着<JavaScript The Good Parts>,作了一次深刻的理解.(所有调试都可以在控制台中看到,浏览器F ...

随机推荐

  1. ClassLoader如何加载class？

    ClassLoader一个经常出现又让很多人望而却步的词,本文将试图以最浅显易懂的方式来讲解 ClassLoader,希望能对不了解该机制的朋友起到一点点作用. 要深入了解ClassLoader,首先 ...

  2. 免费的ASP.NET空间和SQLServer2008 Express

      Login Register Web Hosting Support Forum Ask Experts Articles ASP.NET 4.5 & SQL 2012 Hosting P ...

  3. APM的3DR无线数传的安装和调试

    APM飞控修改数传模块方法 http://www.cnblogs.com/wsine/p/4909903.html APM的3DR无线数传的安装和调试 http://tieba.baidu.com/p ...

  4. input输入框只能输入数字而且开头不能为零

    <div class="input-choseNum"> <input type="number" id="inp-chooseNu ...

  5. Codeforces Round #519 by Botan Investments

    Codeforces Round #519 by Botan Investments #include<bits/stdc++.h> #include<iostream> #i ...

  6. java 使用SAX解析xml 文件

    http://www.cnblogs.com/allenzheng/archive/2012/12/01/2797196.html 为了学习方便,忘博主勿究

  7. Java中的ReentrantLock和synchronized两种锁定机制

    原文:http://www.ibm.com/developerworks/cn/java/j-jtp10264/index.html 多线程和并发性并不是什么新内容,但是 Java 语言设计中的创新之 ...

  8. [原创]DevOps 的技术栈和工具

    [原创]DevOps 的技术栈和工具 版本控制:GitHub.GitLab.SubVersion 自动化构建和测试:Maven .Selenium.JMeter.Gradle 持续集成&交付: ...

  9. FT232H FT2232H FT4232H

    The FT232H is the single channel version, the FT2232H is the dual-channel, and there is also anFT423 ...

  10. Linux下tomcat修改成的80端口无法访问

    转自: https://blog.csdn.net/u013252047/article/details/72834415 tomcat放到服务器上访问8080端口还需要输入端口号,造成访问不便,好多 ...