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作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言 ...
随机推荐
- 容斥原理、欧拉函数、phi
容斥原理: 直接摘用百度词条: 也可表示为 设S为有限集, ,则 两个集合的容斥关系公式:A∪B = A+B - A∩B (∩:重合的部分) 三个集合的容斥关系公式:A∪B∪C = A+B+C - A ...
- JAVA NIO 主要概念
NIO有三个主要概念: buffer channel selector channel间通过buffer通信,channel在selector注册后,可以由selector管理,实现非阻塞编程 buf ...
- 读书笔记之《深入理解Java虚拟机》不完全学习总结
写在前面: 之所以称作不完全总结,因为我其实没有完完全全地看完此书,但是涵盖了大部分重要章节:同时以下总结是我自己认为很重要知识,细枝末节处难免遗漏,还请详细参考原著. 转载请注明原文出处:http: ...
- WPF ListBox 一些小知识点
页面代码: <Grid Grid.Row="0" Grid.Column="2"> <ListBox x:Name="lvStep& ...
- windows消息简单应用实例
//基本定义 internal class MyMessager : IMessageFilter { public bool PreFilterMessage(ref Message m) { // ...
- 一个让你想到即可做到的web弹窗/层----Layer
Layer layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是 ...
- CentOS6.9中挂载NTFS移动硬盘
公司需要本地备份,不占用公网带宽,而本地服务器硬盘容量不够,所以需要将本地服务器centos 6.9系统的备份数据拷贝到移动硬盘. 所以需要在centos上挂载NTFS格式的移动硬盘. 方法/步骤: ...
- Warning: Path must be a string . Received null Use --force to continue
用grunt监视文件,当文件修改时,出现'Warning: Path must be a string . Received null Use --force to continuechuxian . ...
- angular之scope详解
AngularJS的一些指令会创建子作用域,而子作用域会继承自父作用域,大致可分为以下3种 1.创建子作用域并继承父作用域的指令 ng-repeat ng-include ng-switch ng-c ...
- php读取excel文档内容（转载）
入到数据库的需要,php-excel-reader可以很轻松的使用它读取excel文件,本文将详细介绍,需要了解的朋友可以参考下 php开发中肯定会遇到将excel文件内容导入到数据库的需要,ph ...