JavaScript Simple Explain and Use
Javascript 说明：
JavaScript 和 Java 之间几乎没有任何关系。
JavaScript原名为LiveScript,他的作用只是为了处理一些复杂的动态网页。
目前，JS是遵循ECMAScript(ES6)规定的。
JavaScript 在HTML5中导入方式：
1. 元素导入：
<body>
<button onclick="alert('hello')"> 点我</button>
</body>
2. 内部文档导入:
<head>
<script>
alert('hello');
</script>
</head>
3. 外部文档导入:
<head>
<script type="text/javascript" src="js/test.js">
</script>
</head>
JavaScript 在HTML5中3种提示框（输出方式）
1. alert()
<script>
alert('hello');
</script>
2. comfirm()
<script>
confirm('hello');
</script>
3. prompt()
<script>
prompt('hello');
</script>
浏览器控制台输出
1. console方式：
- console.log()
//控制台上输出
var obj=[{name:1,age:22},{name:1,age:22}];
console.log(obj)；
- console.dir()
//控制台上输出,比log更详细
var obj=[{name:1,age:22},{name:1,age:22}];
console.dir(obj)；
- console.table()
//控制台上输出，以表的形式展现
var obj=[{name:1,age:22},{name:1,age:22}];
console.table(obj)；
** 结果：**
| name | age |
|---|---|
| 1 | 22 |
| 2 | 23 |
2. document方式：
<script>
// 向网页上面直接写
document.write('hello');
</script>
JavaScript 类型检查
typeof: 检测数据类型的运算符
typeof 1 => "number";
instanceof: 检测某个实例是否属于这个类
constructor: 获取当前实例的构造器
JavaScript 中function：
1. 自动执行函数
1. ~function(){}()
2. !function(){}()
3. +function(){}()
4. -function(){}()
这四种function（）就是一种对函数 -->;(function(n){})(10) ===>自动执行(该function是集定义与执行传参为一体的函数),注意function名字前面有个分号
;该作用就是区分函数块的，否则在执行函数时,会有函数嵌套。上面这四种符号都是为了简化.
2. 普通函数
function A()
{
alert('test');
}
如果在调用的时候
A这样就只是会返回函数的地址，而A()则会执行A函数
3. this
1:
function fun(){
console.log(this) // this--> window
}
2:
var obj = {fn:fn}; first fn is attr,and second is function fn();
fn(); // this --> window
obj.fn(); // this --> obj
3:
function sum(){
fn(); // this --> window
}
注：
- this 指向的object 要看function 执行前面是否有
.：
- 如果前面没有
.：
- this 永远指向 window/根对象
- 如果有
.：
- this 指向
.之前的对象
- 自动执行函数中的this 永远指向window
this --> window
4.工厂模式
- 工厂模式：
function createPerson(name,age){
var obj = new Object() // 或者 var obj = {};
obj.name = name;
obj.age = age;
obj.print = function(){
document.write('name:' + obj.name + 'age:' + obj.age);
}
return obj;
}
var person = createPerson(name,age);
- 普通构造函数模式：
function Person(namme,age){
//默认创建实例返回
this.name = name;
this.age = age;
this.print = function(){
document.write('name:' + this.name + 'age:' + this.age);
}
}
注：
- 工厂模式，最重要的是在函数执行里 ，new了 一个对象，最后返回这个对象。
- 普通模式，不会返回任何东西
- JS 不存在重载，后者会覆盖前者
最后说下:
function test(){
.name = function(){ // 这里"." 作用是啥？
}
}
上面函数中
.点号的作用是啥？
JavaScript Simple Explain and Use的更多相关文章
- javascript simple MVC
<h3>javascript simple MVC</h3> <div> <select name="" id="setAnim ...
- JavaScript Simple
ylbtech-JavaScript: 1.返回顶部 1. 2. 2.返回顶部 3.返回顶部 4.返回顶部 5.返回顶部 6.返回顶部 作者:ylbtech出处:http: ...
- Memory leak patterns in JavaScript
Handling circular references in JavaScript applications Plugging memory leaks in JavaScript is easy ...
- 谈谈JavaScript MVC模式
第一个是:没有使用mvc模式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...
- JavaScript对象的创建之使用json格式定义
json: javascript simple object notation. json就是js的对象,但是它省去了xml中的标签,而是通过{}来完成对象的说明. 定义对象 var person = ...
- mysql中explain
1.select_type: /* select_type 使用 SIMPLE */explain select * from tb_shop_order where id='201603292570 ...
- 为Node.js编写组件的几种方式
本文主要备忘为Node.js编写组件的三种实现:纯js实现.v8 API实现(同步&异步).借助swig框架实现. 关键字:Node.js.C++.v8.swig.异步.回调. 简介 首先介绍 ...
- Cheatsheet: 2014 07.01 ~ 07.31
Web Maximize Compression with Zopfli Browser Detection with JavaScript Simple MySQL Master HA with m ...
- js 中使用工厂方法和构造器方法
1 直接创建对象 <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...
随机推荐
- Python实现用户交互，显示省市县三级联动的选择
题目:Python实现用户交互,显示省市县三级联动的选择 定义的字典为: dic = { "江西": { "萍乡": ["安源", &quo ...
- bzoj4987: Tree（树形dp）
Description 从前有棵树. 找出K个点A1,A2,…,Ak. 使得∑dis(AiAi+1),(1<=i<=K-1)最小. Input 第一行两个正整数n,k,表示数的顶点数和 ...
- （分治）51NOD 1019 逆序数
在一个排列中,如果一对数的前后位置与大小顺序相反,即前面的数大于后面的数,那么它们就称为一个逆序.一个排列中逆序的总数就称为这个排列的逆序数. 如2 4 3 1中,2 1,4 3,4 1,3 1是 ...
- linux Java环境变了配置
1. sudo /etc/profile 2.安装截图配置 输入javac 进行验证
- Ubuntu 16.04 安装OpenSSH7.4
前几天突然收到接到网安总队下发通知说我们在aws里面的服务器存在重大漏洞及安全隐患.必须在规定时间内修改.我们收到邮件打开Excel发现这些问题 是由于OpenSSH版本太低导致的.于是便安排紧急 ...
- 制作并发布个人CocoaPods库
随着对 CocoaPods 越来越多的依赖,我们也可以尝试把自己的库发布到它上面. 1.在Github上新建一个项目(名字我随便取了一个,其他步骤截图为WCUIKit).自己做相应修改即可. 2.克隆 ...
- Git管理多个远程分支
在此目录下使用GIT要注意一下几点: 因为这个目录是管理远程多个不同的分支的项目,所以使用GIT之前确认一下几点: 打开git bash,使用命令:git config –list查看目前本地的目录文 ...
- JDK API文档下载
java SE 8 API文档:http://www.oracle.com/technetwork/java/javase/documentation/jdk8-doc-downloads-21331 ...
- 百度地图API在vue-cli中路径错误的问题
在使用百度地图的时候,需要使用自定义的icon图片,百度的案例中使用的是线上地址,但当替换为本地图片路径的时候,错误出现了 这是本地图片地址 ) // 设置覆盖物大小 ); 这里有一点需要注意,这里路 ...
- 关于使用 autoFac 的注入方法
1.使用 NUGET 安装 Autofac 2.需要引用Autofac ASP.NET MVC 5 Integration 这个扩展包. 但有时候在NuGet中找不到 该包 需要使用“程序要控制器控 ...