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和spring的整合
1:Maven引入相关的jar包. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht ...
- VS2017清除工具、用于清除Microsoft Visual Studio最近打开项目
最近每天在用VS2017,但是每次打开它都会弹出最近项目的记录,很是烦人. 最主要是我不想别人得知我最近的项目和项目进度,每次加密项目会比较麻烦. 所以经过简单的研究,编写了这个小工具,打开直接单击就 ...
- Window环境下使用多个Git账号(github,gitee,gitlab,gogs等)
个人电脑之前已经设置好github账号了,公司用的是gitlab私服,一直互不干扰,因为用的是不同的电脑,也就懒得配置git多账户环境.最近看了一下多年空空如也的码云,想着怎么的也会用到gitee来托 ...
- ThinkPad T420i 上 Ubuntu 12.04 实现指纹识别登录
ThinkPad T420i 上 Ubuntu 12.04 实现指纹识别登录 # add ppa add-apt-repository ppa:fingerprint/fprint # update ...
- a2 Bluebottle OS
a2 Bluebottle OS That is a copy of original A2 Repository Also extra ISO image A2_Rev-6498_serial-tr ...
- Pandas进阶之提升运行效率
前言 如果你现在正在学习数据分析,或者正在从事数据分析行业,肯定会处理一些大数据集.pandas就是这些大数据集的一个很好的处理工具.那么pandas到底是什么呢?官方文档上说: " 快速, ...
- java入门学习总结_04
1.循环结构 2.方法 循环结构 概述 1.对于某些需要重复执行的,相同或者相似的语句,使用某种格式来完成对代码的简化. 2.实现的语句: for语句[常用] while语句[常用] do...whi ...
- ln -s vs mount --bind
First ,Symlinks and bind mounts are a whole different ballgame. ln -s you create a symbolic link,whi ...
- c#系统预定义类型
- 内核对象&句柄
目录 1 内核对象的概念 2 内核对象的使用计数 3 句柄 4 句柄表 项目工程代码中设计句柄的使用,一时不知句柄是何物,通过查阅自学之后,对句柄及其使用有一个初步的了解.分享出来,算是抛砖引玉吧 ...