Javascript基础知识总结一

时间：2022-09-16 16:00:39

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>

　　未完待续...

Javascript基础知识总结一的更多相关文章

  1. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

  2. 学习javascript基础知识系列第三节 - &lpar;&rpar;&lpar;&rpar;用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  3. JavaScript 基础知识 - BOM篇

    前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...

  4. &lpar;转&rpar;JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  5. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  6. Jquery源码中的Javascript基础知识（三）

    这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = fun ...

  7. JavaScript基础知识从浅入深理解（一）

    JavaScript的简介 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互. javascript是由三部分组成:ECMAScript.DO ...

  8. JavaScript基础知识必知！！！

    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. JS作用:表单验证,减轻服务端的压力:添加页面动画效果:动态更改页面内容:Ajax网络请求. 下面简单介 ...

  9. javascript基础知识笔记-自用

    笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...

随机推荐

  1. mac下升级ruby环境版本

    在ios开发中会经常使用到cocoapods来管理第三方框架,在安装cocoapods的时候会涉及到ruby环境,有时候会因为版本过低会导致安装失败,本文主要讲一下如何升级ruby环境 安装rvm,r ...

  2. Android NDK 简单介绍、工具安装、环境配置

    NDK全称:Native Development Kit. 1.NDK是一系列工具的集合. * NDK提供了一系列的工具,帮助开发人员高速开发C(或C++)的动态库,并能自己主动将so和java应用一 ...

  3. cygwin vi编辑器左右上下键和删除键乱码错误

    安装cygwin后使用其中的vi编辑器时发现上下左右键和删除键乱码,搜索了中文的帮助方案,没有解决,最后搜索了英文的网站,找到了解决方案.参考链接如下:http://superuser.com/que ...

  4. Yii2&period;0连接多个数据库

    Yii2.0连接多个数据库    一个项目根据需要会要求连接多个数据库,这里记录下实际项目中的操作流程.包括对数据库连接的配置以及如何生成模型文件,在控制器中加以运用. 一．配置 打开数据库配置文件c ...

  5. compareTo的用法

    在java编程中,我们会偶尔遇到字符串大小比较的问题,compareTo()方法很简单就实现这种功能.该方法用于判断一个字符串是否大于.等于还是小于另一个字符串.判断字符串大小的依据是根据它们在字典表 ...

  6. centos7&plus;openvpn&plus;easy3&period;0

     openvpn介绍 OpenVPN 是一个基于 OpenSSL库的应用层 VPN 实现.和传统 VPN 相比,它的优点是简单易用.vpn直译就是虚拟专用通道,是提供企业之间或者公司之间安全数据传输的 ...

  7. Node&period;js配合jQuery UI autocomplete的应用

    Node.js擅长的领域为: 不需要很多运算 吞吐量要求高 进消息轻并且要求快 出消息轻并且要求快 网上的例子都是socket.io的,我一直在想到底能用在什么地方?根据node.js的优点(擅长领域 ...

  8. POJ 1655 - Balancing Act - &lbrack;DFS&rsqb;&lbrack;树的重心&rsqb;

    链接:http://poj.org/problem?id=1655 Time Limit: 1000MS Memory Limit: 65536K Description Consider a tre ...

  9. 在MNIST数据集，实现多个功能的tensorflow程序

    使用带指数衰减的学习率的设置.使用正则化来避免过拟合,使用滑动平均模型使得最终模型更加健壮. import tensorflow as tf from tensorflow.examples.tuto ...

  10. 推荐一个CSS类库

    animate.css 一个封装好的动画效果类

相关文章