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>
未完待续...
Javascript基础知识总结一的更多相关文章
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- JavaScript 基础知识 - BOM篇
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
- Jquery源码中的Javascript基础知识(三)
这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = fun ...
- JavaScript基础知识从浅入深理解(一)
JavaScript的简介 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互. javascript是由三部分组成:ECMAScript.DO ...
- JavaScript基础知识必知!!!
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. JS作用:表单验证,减轻服务端的压力:添加页面动画效果:动态更改页面内容:Ajax网络请求. 下面简单介 ...
- javascript基础知识笔记-自用
笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...
随机推荐
- C语言笔记一
学习C语言已经有一段时间,然而发现越学不知道的东西越多,这是在印象笔记中记得一些东西,现在再回顾一遍顺便补充一些新东西. 一,基础知识 运算符号 优先级 单目>算术>关系 从高到低 ...
- Lattice FPGA 板子 调试笔记
最近在调试LATTICE FPGA 做的视频板子,颇不顺利,所以记录下来作为以后的参考: 1.FPGA的IO口不是所有的都是双向的,有些有特殊作用的是单向的. 在查阅 LatticeECP3-17E ...
- python selenium中使用ddt进行数据驱动测试
- Arch Linux中文乱码解决
Arch Linux中文乱码解决 1.安装中文字体 pacman -S wqy-zenhei ttf-fireflysung (flash乱码) ---乱码的原因就是缺少中文字体的支持,下载文泉驿 ...
- [BI项目记]-搭建代码管理环境之客户端
前面已经介绍了如何搭建代码管理环境的服务器端安装和配置,这里介绍对于客户端的几个场景. 首先对于开发人员来说,可以直接使用Visual Studio来连接,这里主要演示Visual Studio 20 ...
- SQL SERVER中的扩展属性
以前在SQL SERVER建表时,总看到扩展属性,但一直未使用过.今天研究下: 增加扩展属性: 语法: sp_addextendedproperty [ @name = ] { 'property_n ...
- JS截字符串处理数字,汉字,英文问题
<script> function suolve( str,sub_length ){ var temp1 = str.replace(/[^\x00-\xff]/g,"**&q ...
- dp表模型-如何写出for循环动态规划
题目很肤浅.. 但是这件事我们要做.. 那么有一种方法叫做刷表法.. 当你发现这个问题具有最优子结构,重叠子问题时 那么这是一个dp问题是使用本方法的前提 画出该dp状态所对应的矩阵 画出转移关系线. ...
- 虚拟机(VMware12 pro)安装Mac OS 10.10
下载VMware12pro,Mac OS 10.10.ios,虚拟机破解: 在虚拟机中创建新虚拟机://http://cdnnn.07net01.com/linux/2016/01/1130384.h ...
- Angular JS 学习之Bootstrap
1.要使用Bootstrap框架,必须在<head>中加入链接: <link rel="stylesheet" href="//maxcdn.boots ...