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作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言 ...
随机推荐
- 项目总结二：模块管理之requireJS
项目开发前期,对究竟用requireJS 还是sea.js 进行讨论,最后采用requireJS,但是后期遇到了问题--当谷歌地图不能加载时,整个页面卡死的状况. requirejs 的作用: 防止j ...
- 使用EF对已存在的数据库进行模块化数据迁移
注:本文面向的是已经对EF的迁移功能有所了解,知道如何在控制台下进行相关命令输入的读者 问题 最近公司项目架构使用ABP进行整改,顺带想用EF的自动迁移代替了以前的手工脚本. 为什么要替代? 请看下图 ...
- 队列(存储结构双端链表)--Java实现
/*用链表实现的队列--使用的是双端链表 *注意:空指针错误肯定是引用没有指向对象 * */ public class MyLinkedQueue { private MyFirstAndLastLi ...
- pandas.DataFrame学习系列1——定义及属性
定义: DataFrame是二维的.大小可变的.成分混合的.具有标签化坐标轴(行和列)的表数据结构.基于行和列标签进行计算.可以被看作是为序列对象(Series)提供的类似字典的一个容器,是panda ...
- javascript算法（一）
1.实现一个函数,运算结果可以满足如下预期结果: add(1)(2) // 3 add(1, 2, 3)(10) // 16 add(1)(2)(3)(4)(5) // 15 实现: function ...
- js实现强大功能
作者:知乎用户链接:https://www.zhihu.com/question/48187821/answer/110002647来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
- Matplotlib常用示例入门
一.Matplotlib介绍 Matplotlib 是一个 Python 的 2D绘图库,它以各种硬拷贝格式和跨平台的交互式环境生成出版质量级别的图形.通过 Matplotlib,开发者可以仅需要几行 ...
- C++图形编程之graphics.h头文件
graphics.h是Turbo C的针对DOS下的一个C语言图形库,如果要用的话应该用TC的编译器来编译,但是如果需要在vc及vs环境中使用graphics.h的功能,则可以选择下载EasyX图形库 ...
- Java简单实现UDP和TCP
TCP实现 TCP协议需要在双方之间建立连接,通过输入输出流来进行数据的交换,建立需要通过三次握手,断开需要四次挥手,保证了数据的完整性,但传输效率也会相应的降低. 简单的TCP实现 //服务端 pu ...
- Node.js 回调函数
Node.js 回调函数 Node.js 异步编程的直接体现就是回调. 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了. 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数, ...