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作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言 ...
随机推荐
- C++函数重载和函数模板(04)
函数重载 函数重载可以使一个函数名具有多种功能,即具有“多种形态”,这种特性称为多态性. C++的多态性又被直观地称为“一个名字,多个函数”.源代码只指明函数调用,而不说明具体调用哪个函数.编译器的这 ...
- servlet的运行工作
我是一个刚学几天的小白,写得不好,如果哪个地方有错误,欢迎你们指出. 在服务器端,我用的是Tomcat作为Servlet 容器,在容器中有一个Servlet接口,你编写一个servlet类放在Tomc ...
- 老生常谈:关于undo表空间的使用率
就在前几天,又有一个客户向我咨询undo表空间使用率的问题. 这让我想起几年前曾经有个省份的案例,客户的实际运维人员是一位刚毕业不久的女孩,几乎不懂Oracle原理,项目经理交给她的任务也是基础运维工 ...
- ES6 for-of循环和迭代器使用细节
SE5之前我们可以用for循环来遍历数组,SE5为数组引进了新的方法forEach(),方便了很多,但是该方法不能够通过break或者return返回外层函数. arr.forEach(functio ...
- 版本控制之二:SVN的初步使用(转)
转自http://www.cnblogs.com/xiaobaihome/archive/2012/03/20/2407979.html 上一篇介绍了VisualSVN Server和Tortoise ...
- 视觉词袋模型(BOVW)
一.介绍 Bag-of-words model (BoW model) 最早出现在神经语言程序学(NLP)和信息检索(IR)领域. 该模型忽略掉文本的语法和语序, 用一组无序的单词(words)来表达 ...
- Javascript中的Trait与代码重用
Javascript中的Trait与代码重用 来源 http://www.ituring.com.cn/article/64103 我们知道,OOP中最普遍的代码重用方式是通过继承,但是,继承有一些缺 ...
- Problem F
Problem Description "Yakexi, this is the best age!" Dong MW works hard and get high pay, h ...
- Very Simple Problem
Very Simple Problem Time Limit:2000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u ...
- JQuery源码-------JQuery中数值型变量的判断isNumeric
判断一个数值型变量的方法,在jquery中非常简单,只有一行代码. isNumeric: function( obj ) { // parseFloat NaNs numeric-cast false ...