js之ECMAscript
1.基本数据类型和一些运算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="">
</script>
</head>
<body> <script type="text/javascript">
/*变量*/
var a=1,b=3;
alert(a);
var s="hello";
//console在浏览器中的检查中的console结果中可以看。
console.log(s);
if(a<b){
alert(b);
}
/*注释的方式跟Java一样*/
/*数据类型
1.Number 包括整形和浮点型
2.String 字符串数字类型
3.Boolean
4.Undefined
5.Null
NaN:字符串转换成数字失败的时候，属于number数据类型。
*/
var obj=null;
alert(obj);
var i=10;
var s="hello";
var b=false;
var t=true;
var u=undefined;
var obj2=new Object();
console.log(typeof(obj))
console.log(typeof(i));
console.log(typeof(s));
console.log(typeof(b));
console.log(typeof(t));
console.log(typeof(u));
console.log(typeof(obj2));
/*复制运算，在js和Java中有++和--运算，但是python里面没有*/
var ja=1;
//运算前先赋值，在加一
var he=ja++;
alert(he);
alert(ja)
//有意思的13221
var x=1;
alert(x++);
alert(++x);
alert(--x);
alert(x--);
alert(x); </script>
</body>
</html>
2.ecmascript的基于对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ECMA对象</title> <script type="text/javascript">
/*在js中由于是基于对象的，并且分成了三种对象
1.ECMAscript
2.DOM对象
3.BOM对象
*/
/*ECMA中的11中内置的对象
Array String Date Boolean Number Function Global Error RegExp Object
在数据类型中除了null和undefined，其它的都是定义成了对象。
*/
var str=new String("Hello");
alert(str);
var date=new Date();
alert(date);
/*函数对象Function*/
function func(){
alert(123);
return 8;
}
func();
var ret=func();
alert(ret);
//第二种方式
var fun1=new Function("参数1","参数2","函数体");
var add=new Function("a","b","alert(a+b);");
var result=add(22,1);
console.log(result);
//Function的属性和方法
function f(a,b){
return a+b;
}
alert(f(1,2));
alert(void(f(1,2)));
//Function中的argument对象
var result=0;
function add222(){
for(var i=0;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}
var ha=add222(1,2,3,4,5,6,7);
alert(ha); function func2(){
if(arguments.length!=3){
throw new Error("参数不能超过3");
}
}
func2(1,2,3);
/*匿名函数*/
var niminghanshu=function(){
alert("匿名函数");
};
niminghanshu();
//根据匿名函数，可以使用自执行函数。
(function(a){
alert("匿名函数2");
})(1);
</script>
</head>
<body> </body>
</html>
3.内置对象之数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组</title> <script type="text/javascript">
//创建方式一：
var arr=[1,2,3,4];
//创建方式二
var arr2=new Array(1,"hellow",true,4,5);
console.log(arr.length);
console.log(arr2.length);
//创建方式三
var arr3=new Array(3);
console.log(arr3.length);
//相当于占用了三个位置值为：undefined
//如果采用初始化方式创建数组，如果里面只有一个值，而且是一个数字，
//那么数字表示的是长度而不是内容。
console.log(arr3[0]);
console.log(arr3[1]);
console.log(arr3[2]);
console.log(arr3); //数组可变长，也就是因为undefined的存在
//也就是说在别的语言要报错误的时候，js可以使用undefined进行解释
//这就体现了灵活性。
var arr4=new Array(3);
arr4[5]='hellow';
console.log(arr4.length);
console.log(arr4[3]);
/*数组:*/
//二维数组
var arr4=new Array(5,"hello",true,[1,3]);
console.log(arr4[3][1]);
//数组对象的方法join,在Python中字符串对象才有join *****
var reluts=["hello","world"].join("++++++");
console.log(reluts);
//shitf unshift pop push -------栈操作--------*****
//队列，先进先出；栈，后进先出。 //压栈push，弹栈pop，后进先出
var arr5=[1,4,6];
arr5.push(13);
console.log(arr5);
arr5.pop();
console.log(arr5);
//shift 和unshift
var arr6=[1,5,10];
console.log(arr6);
arr6.unshift(45);
console.log(arr6);
console.log(arr6[0]);
arr6.shift();
console.log(arr6);
//----------sort reverse---------------
var arr7=[1,4,12,6];
arr7.reverse();
console.log(arr7);
console.log(arr7.sort());//sort排序比较的是assic码 </script>
</head>
<body> </body>
</html>
4.引用对象之Date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>date</title> <script type="text/javascript">
/*创建方式*/
//第一种
var date=new Date();
console.log(date);
console.log(date.toString());
console.log(date.toLocaleString());
//第二种
var date=new Date("2017/3/21 12:20 ");
alert(date.toLocaleString());
//第三种,这种方法可以自定义时间格式，通过字符串拼接。
var date_obj3=new Date(5000);
console.log(date_obj3.toLocaleString());
console.log(date_obj3.getFullYear());
console.log(date_obj3.getMonth());
console.log(date_obj3.getDay());
console.log(date_obj3.getHours());
console.log(date_obj3.getMinutes());
console.log(date_obj3.getHourMinuteSecond);
console.log(date_obj3.getMilliseconds()); </script>
</head>
<body> </body>
</html>
5.正则表达式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RegExp</title> <script type="text/javascript">
//方式一
var re_obj=new RegExp("/d+","g");
alert(re_obj.test("asdf3245sdk"));
//方式二
var re_obj2=/\d+/g;
alert(re_obj2.test("fslfsfjsdkafjs"));
/*未完待续*/
</script>
</head>
<body> </body>
</html>
6.Math
7.
js之ECMAscript的更多相关文章
- Vue.js + Webpack + ECMAScript 6 入门教程
Vue.js学习教程 1.Vue.js——60分钟快速入门 2.Vue.js——60分钟组件快速入门(上篇) 3.Vue.js——60分钟组件快速入门(下篇) 4.Vue.js——基于$.ajax实现 ...
- Node.js入门笔记（1）：基本概念
Node.js和JavaScript: 核心都是ECMAScrit,比如数据类型,语法结构,内置对象等等. 但是在js中顶层是window 在node中的不存在这个window(console.log ...
- 重温《js权威指南》 第4、5、6章
第四章 表达式和运算符 4.2 对象和数组的初始化表达式 数组: [] [3,7] [1+2,3+4] [[1,2,3,],[4,5,6],[7,8, ...
- 前端知识点-JS相关知识点
1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建 ...
- python之路-----前端之js(一)
一.JS发展历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape ...
- day51 JS基础
复习 1.字体图标 用i标签, 设置类名, 与第三方字体图标库进行图标匹配 <link rel="stylesheet" href="font-awesome-4. ...
- js的介绍 及用法 常量 变量！
1.js介绍 js全程叫javascript,但不是java 他是一门前台语言 而java是后台语言. js的作者是布兰登 爱奇 前台语言:运行在客户端 后台语言:跟数据库有关的. 2.能干什么? 页 ...
- js的简单介绍
1.js的介绍 js全称叫javascript,但不是java,他是一门前台语言,而java是后台语言. js的作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言:跟数据库有关的. 2.能干什么? ...
- JS(JavaScript）的初了解（更新中···）
1.js介绍 Js全称叫javascript,但不是java,他不仅是是一门前台语言,经过发展,现在也是一门后台语言:而java是后台语言. Js作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言 ...
随机推荐
- Go 终极指南：编写一个 Go 工具
https://arslan.io/2017/09/14/the-ultimate-guide-to-writing-a-go-tool/ 作者:Fatih Arslan 译者:oopsguy.com ...
- await和async更多的理解
最近有不少网友提起await和async,呵呵,C# 5引进的语法糖. 这个语法糖还真不好吃,能绕倒一堆初学的朋友,在网上也有很多网友关于这块知识点的争论,有对有错,今天在这里把这个误区好好讲讲. 在 ...
- JavaScript面向对象中的继承
1.1继承的基本概念 使用一个子类,继承另一个父类,那么子类可以自动拥有父类中的所有属性和方法,这个过程叫做继承. >>>继承的两方,发生在两个类之间. 实现继承的三种方式: 扩展O ...
- 【Vue】利用父子组件间通信实现一个场景
组件间通信是组件开发的,我们既希望组件的独立性,数据能互不干扰,又不可避免组件间会有联系和交互. 在vue中,父子组件的关系可以总结为props down,events up: 在vue2.0中废弃了 ...
- 关于C#开发中那些编码问题
最近一直在搞各种编码问题,略有心得,与大家分享一番. System.Text提供了Encoding的抽象类,这个类提供字符串编码的方法.常用的编码方式主要有ASCII,Unicode,UTF8(Uni ...
- Windows环境下多线程编程原理与应用读书笔记（7）————事件及其应用
<一>事件 事件主要用于线程间传递消息,通过事件来控制一个线程是处于执行状态还是处于挂起状态. 事件和互斥量之间的差别: 事件主要用于协调两个或者多个线程之间的动作,使其协调一致,符合逻辑 ...
- 【JAVA零基础入门系列】Day13 Java类的继承与多态
继承是类的一个很重要的特性,什么?你连继承都不知道?你是想气死爸爸好继承爸爸的遗产吗?(滑稽) 开个玩笑,这里的继承跟我们现实生活的中继承还是有很大区别的,一个类可以继承另一个类,继承的内容包括属性跟 ...
- VMware三种网络模式
VMware网络配置详解一:三种网络模式简介安装好虚拟机以后,在网络连接里面可以看到多了两块网卡: 其中VMnet1是虚拟机Host-only模式的网络接口,VMnet8是NAT模式的网络接口,这些后 ...
- Centos6.8 安装tomcat8.5.11
1.下载 安装包 wget http://mirrors.aliyun.com/apache/tomcat/tomcat-8/v8.5.11/bin/apache-tomcat-8.5.11.tar. ...
- Maven合并多个war包的工程需要用到的插件
<build> <finalName>WebSite</finalName> <plugins> <!-- 配置war包合并的插件 --> ...