zoukankan      html  css  js  c++  java
  • Javascript基础知识总结一

    Javascript基础知识总结一

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            /*JavaScript词法结构*/
            var a = Math.random();
            console.log("随机值:" + a);
            //返回最大值
            var m = Math.max(1, 2, 3);
            console.log(m);
            //  javascript  Date
            var d = new Date();
            var m = d.getFullYear();
            console.log(m);
            //instanceof运算符表示如果左侧的对象是右侧的实例则返回  true
            console.log(d instanceof Date);
            // delete 运算符:
            var o = {x: 1, y: 2};
            console.log("删除前:");
            console.log(o);
            console.log(delete o.x);
            console.log("删除后:");
            console.log(o)
            //异常处理:
            try {
    
            } catch (exception) {
    
            }
            finally {
    
            }
            //javascript oop:
            /*首先简单认识下面向对象都有哪些特性:参考:http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/
             * 1:一切事物皆对象  2:对象具有封装、继承、多态  3:对象与对象之间通过消息进行通信
             * javascript 基于原型(prototype) 与基于类(Class)的 oop
             * */
            //使用原型链实现继承:
            //声明对象构造器(constructor):
            function Animal() {
    
            }
            //指定animal对象的原型:
            Animal.prototype = {
                name: "animal",
                weight: 0,
                des: function () {
                    console.log("动物")
                }
            };
            //声明Mammal(哺乳動物)的对象构造器(constructor)
            function Mammal() {
                this.name = "mammal"
            }
            //创建对象mammal和对象animal之间的原型链:
            Mammal.prototype = new Animal();
            //声明sheep对象构造器:
            function Sheep(height, weight) {
                this.name = "sheep",
                        this.weight = weight,
                        this.height = height
            }
            //构建sheep与mammal之间的原型链:
            Sheep.prototype = new Mammal();
            //重新指定des方法:此方法将覆盖从animal继承过来的des方法
            Sheep.prototype.des = function () {
                console.log("羊")
            }
            //验证:
            var sheep = new Sheep(200, 100)
            //每个对象都有一个 __proto__属性来实现对原型的隐式引用
            console.log(sheep.__proto__ === Sheep.prototype)  //--true
            console.log(Sheep.prototype.__proto__ === Mammal.prototype)  //--true
            console.log(Mammal.prototype.__proto__ === Animal.prototype)  //--true
            sheep.des();
    
    
            //JavaScript类式继承实现方法:
            function Sup() {
                this.colors = ["red", "blue"];
            }
            function Sub() {
                Sup.call(this);
            }
            console.log(new Sub().colors[0]);
            //javascript 利用闭包实现信息隐藏
            function user(name) {
                //定義私有屬性
                var _name = name;
                //定義私有方法
                function getName() {
                    return _name;
                }
    
                //讓該對象的其他公共方法能訪問到私有成員
                this.nameService = function () {
                    return getName();
                }
            }
            //聲明公共成員:
            user.prototype.pubGetName = function (name) {
                return this.nameService() === name;
            }
            var u = new user("哆啦A夢");
            console.log(u.pubGetName("哆啦A夢"));
            console.log(u.name);  //undefined,表示無法訪問私有成員
            console.log(u.nameService())
    
            /*JavaScript 函數 1:定義函數時第一個字母小寫
             * */
            //定義一個匿名函數
            $(function () {
                (function (x, y) {
                    console.log(x + y);
                })(2, 3);//并立即執行:
            })
        </script>
    </head>
    <body>
    <header>jascript基础学习一</header>
    
    </body>
    </html>
    

      未完待续...

  • 相关阅读:
    Java调用wcf
    登录重构小记
    从零打造一个Web地图引擎
    Vue动态组件的实践与原理探究
    揭开Vue异步组件的神秘面纱
    使用vue实现排序算法演示动画
    C#转义字符
    asp.net使用post方式action到另一个页面,在另一个页面接受form表单的值!(报错,已解决!)
    页面关闭事件onbeforeunload 记录
    执行一段sql
  • 原文地址:https://www.cnblogs.com/luo-super/p/4875078.html
Copyright © 2011-2022 走看看