ECMAScript 5.0 基础语法(上)
银子:
一般来说,一门编程语言的基础语法都是大同小异的。比如,python的基础语法,包括:数据类型,变量,作用域,运算符,流程控制(if...else...语句),循环,编码,数据类型的操作(增删改查、切片),常用的内置函数,常用的内置模块,以及规范化的开发结构。JavaScript也是类似的。ECMAScript就是JavaScript最基础的语法。
一、JS是啥?
一个网页开发,主要用的语言组合是html+css+JS,其中,htnl用来搭建页面的结构(控件,段落,标签,链接什么的),css用来美化页面,JavaScript负责交互。
JS的组成:(1)ECMAScript5.0:语法标准 (2)DOM:操作页面元素API (3)BOM:操作浏览器的部分API
二、JS的引入方式
<!-- 内接式 -->
<script type="text/javascript">
</script>
<!-- 外接式 -->
<script type="text/javascript" src="./JS/text.js"></script>
三、调试语句
<!-- 建议在body之后 书写脚本js代码 -->
<!-- 1.内接式 -->
<script type="text/javascript">
// ;分号 作为js代码一句话的结束符
// 弹出警告框
alert('我弹');
// 控制台输出
console.log('alex');
四、变量和命名规范
需要用var关键字,需要加分号结尾:例如 var a = 100;
命名规范:由英语字母、数字、下划线组成。跟python和大部分语言类似。
五、基本数据类型
// 1.number
// var $ = 100;
// console.log($);
// typeof 变量名
var a = 100;
console.log(typeof a); //number var b = 5/0;
console.log(b); //Infinity 无限大
console.log(typeof b); //number类型 // 2.string var a = 'alex'; //单引号 和双引号 都可以表示字符串
console.log(typeof a);//string类型 var b = '';
console.log(b);
console.log(typeof b); // + 可能是连字符 也可以是数字的加号 // 字符串 + 数值 相当于字符串的拼接
console.log('我'+'哎'+1);
// 数字和数字相加 是加号 表示运算
console.log(1+2+3);
// 小技巧 将数值类型转换成字符串类型
var c = 10+'';
console.log(typeof c); // 3.boolean
var isShow = 1>1;
console.log(typeof isShow); // 4.null 空对象
var d = null; //空对象 object
console.log(typeof d); // 5.undefined 未定义的 var d1;
console.log(d1); //值 是undefined
console.log(typeof d1); //undefined 数据类型
基本数据类型
// 1.将number类型转换成string类型 //1>隐式转换 小技巧
var n1 = 123;
var n2 = '123';
console.log(n1+n2); //2> 强制转换 // String() toString()
var str1 = String(n1);
console.log(typeof str1); var num = 2334;
var numStr = num.toString();
console.log(typeof numStr); //2.将字符串类型转换成number类型 var stringNum = '131313';
var num = Number(stringNum);
console.log(num);
console.log(typeof num); var stringNum2 = '13.1313fjkafbh13233dkjf';
var num2 = Number(stringNum2);
console.log(num2);// NaN Not a Number
console.log(typeof num2); // parseInt() parseFloat() 解析字符串,并且返回整数和浮点型
console.log(parseInt(stringNum2));//
console.log(parseFloat(stringNum2));//13.1313
强制类型转换
六、流程控制
var age = 1313;
if (age == 18) {
//{}相当于作用域
console.log('可以去会所');
} else if (age == 30) {
console.log('该娶媳妇了!!');
} else {
console.log('随便你了')
}
console.log('alex'); //下面的代码照样执行
if...else语句
// switch
var gameScore = 'good'; /*
if (gameScore == 'better') { }else if(gameScore == 'good'){ }else if(gameScore == 'best'){ }else{ }
*/
switch (gameScore) {
case 'good':
console.log('玩的很好');
// switch语句 case表示一个条件,满足这个条件就会输出,直到遇到break跳出,如果你的breakb不写,那么程序会遇到下一个break停止。这个就是‘case穿透’
break;
case 'better':
console.log('玩的老牛逼');
break;
case 'best':
console.log('恭喜你,吃鸡成功');
break;
default:
console.log('很遗憾,被淘汰了');
break;
}
switch语句
// 1. 初始化循环变量
// 2. 判断循环条件
// 3. 更新循环变量
// 例子: 打印1~10之间的数 // 初始化循环变量
var i = 1;
// 判断循环条件
while (i <= 10) {
console.log(i);
// 更新循环变量 // i = i+1;
i+=1;
} //do_while循环
// 用途 不大,就是不管条件如何 上来先做一次, 然后再去循环 var i = 3;
do{
console.log(i); i+=1;
}while(i < 10);
while循环
// 输出1~100之间的数
for(var i = 1; i <= 100; i ++){
console.log(i);
} // 1.输出1~100之间所有数之和
var sum = 0;
for(var i = 1; i <= 100; i ++){
sum = sum + i;
}
console.log(sum); //2. 将1~100所有是2的倍数在控制台打印 for(var i = 1;i <= 100; i ++){
if (i % 2 == 0) {
console.log(i);
}
}
for循环
// document.write 往页面上写入内容 // document.write('<h1>alex</h1>'); for(var i = 0; i < 3;i++){ //控制着你的行数
for(var j = 1;j <=6;j++){ //控制的星星
document.write("*");
} document.write('<br>');
}
双重for循环
上篇(完)!
ECMAScript 5.0 基础语法(上)的更多相关文章
- ECMAScript 5.0 基础语法(下)“稍微重点一点点”
接上篇 七.常用内置对象(复杂数据类型)(重点) (1)数组Array 创建:例 var colors = ['red','blue','green'] #推荐这样,因为简单粗暴 或:v ...
- ECMAScript 6.0基础入门教程
ECMAScript 6.0基础入门教程 转:https://blog.csdn.net/hexinyu_1022/article/details/80778727 https://blog.csdn ...
- swift3.0基础语法
swift 3.0 基础语法 目录 01-变量和常量 02-运算符 03-可选项 04-条件语句 05-循环 06-字符串 07-元组 08-数组 09-字典 10-对象和类 11-枚举 12-属性 ...
- swift3.0基础语法(2)
变量/常量,元组声明 var aaa = 0;//声明变量aaa 首次赋值时自动解析为Int类型 var aaa:Int = 0;//声明Int类型变量aaa let aaa = 0;//声明常量aa ...
- 12天搞定Python,基础语法(上)
不知你是否见过建楼房的过程,没有的话,找个时间去瞧一瞧,看一看.看过之后,你就会明白.建楼房,只有打好地基之后,才能在砌墙,建的楼层越高,打的地基就越深. 学编程也一样,要想得心应手的应用,得先打好地 ...
- ① Python3.0基础语法
稍微了解一下py2.0和py3.0的区别,Py3.0在设计的时候,为了不带入过多的累赘,没有考虑向下兼容低版本的Py2.0.而在低版本中Py2.6作为过渡版,基本使用Py2.x的语法和库,同时考虑Py ...
- Vue 2.0基础语法:系统指令
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. Vue初体验 新建一个空的项目,引入vue.js文件.写如下代码: &l ...
- Swift3.0基础语法学习<二>
对象和类: // // ViewController2.swift // SwiftBasicDemo // // Created by 思 彭 on 16/11/15. // Copyright © ...
- 吾八哥学Python(三):了解Python基础语法(上)
学习一门开发语言首先当然是要熟悉它的语法了,Python的语法还算是比较简单的,这里从基础的开始了解一下. 标识符1.第一个字符必须是字母表中字母或下划线'_'.2.标识符的其他的部分有字母.数字和下 ...
随机推荐
- (八)springmvc之静态资源的访问。
一.直接调用 行内样式或者js直接调用没有问题. <span style="font-size:26px;color: Blue">行内样式</span> ...
- JDBC 学习复习10 编写自己的JDBC框架
首先万分感谢狼哥 孤傲苍狼 博客,整个jdbc学习的博客资料 链接为http://www.cnblogs.com/xdp-gacl/p/4006830.html 详细代码见狼哥博客,列出我学习过程中遇 ...
- 使用Java Executor框架实现多线程
本文将涵盖两个主题: 通过实现Callable接口创建线程 在Java中使用Executor框架 实现Callable接口 为了创建一段可以在线程中运行的代码,我们创建了一个类,然后实现了Callab ...
- [书籍翻译] 《JavaScript并发编程》 第二章 JavaScript运行模型
本文是我翻译<JavaScript Concurrency>书籍的第二章 JavaScript运行模型,该书主要以Promises.Generator.Web workers等技术来讲解J ...
- eclipse调试之edit source lookup path解决方案
转自:https://blog.csdn.net/zkn_CS_DN_2013/article/details/48731133
- 如何使用Visual Studio Code调试PHP CLI应用和Web应用
在按照Jerry的公众号文章 什么?在SAP中国研究院里还需要会PHP开发? 进行XDebug在本地的配置之后,如果想使用Visual Studio Code而不是Eclipse来调试PHP应用,步骤 ...
- selenium网页截图和截图定位(无界面)phantomjs
phantomjs是一款软件,需要重新安装. 参考: https://blog.csdn.net/liyahui_3163/article/details/79064108 案例代码: from se ...
- 二零一八阿里p7笔试116题
1. junit用法,before,beforeClass,after, afterClass的执行顺序 2. 分布式锁 3. nginx的请求转发算法,如何配置根据权重转发 4. 用hashmap实 ...
- Java程序猿跳槽应该学哪些方面的技术
互联网产品.大型企业级项目常会用到的: 并发处理技术 具体到Java上通常是涉及java.util.concurrent.并发锁机制.NIO等方面,当然最近比较火爆的Netty框架也可以作为高并发处理 ...
- Java基础 TreeSet()来实现数组的【定制排序】 : Comparable接口(自然排序) 或者 Comparator接口 (定制排序)
笔记: //排序真麻烦!没有C++里的好用又方便!ORZ!ORZ!数组排序还还自己写个TreeSet()和( Comparable接口(自然排序) 或者 Comparator接口 (定制排序))imp ...