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.标识符的其他的部分有字母.数字和下 ...
随机推荐
- 深度剖析Kubernetes API Server三部曲 - part 2
欢迎来到深入学习Kubernetes API Server的系列文章的第二部分.在上一部分中我们对APIserver总体,相关术语及request请求流进行探讨说明.在本部分文章中,我们主要聚焦于探究 ...
- Kafka 消息中间件
kafka简介与应用场景 Apache Kafka是分布式发布-订阅消息系统,在 kafka官网上对 kafka 的定义:一个分布式发布-订阅消息传递系统. 它最初由LinkedIn公司开发,Link ...
- CAS 5.x搭建常见问题系列(2).PKIX path building failed
错误原因 服务端的证书是不安全的,Cas的客户端在调用时因为安全提醒造成调用失败. CAS的客户端需要导入服务端的证书后,就正常了. 具体操作步骤如下: 1. 首先启动tomcat,看下之前搭建的ca ...
- (四)springmvc之获取servlet原生对象
一.使用DI注入的方式 <a href="<%=request.getContextPath()%>/servletObj_1">DI注入的方式</a ...
- Julia 学习
Julia 1.1 中文文档 Julia 中的数据可视化 --初探 一个简单的Julia教程(一) juliapro下载链接
- svnkit 用java 操作 svn
官网 https://svnkit.com/ https://blog.csdn.net/Hui_hai/article/details/80318518 https://blog.csdn.net/ ...
- tornado基本使用一
一.tornado web程序编写思路 . 创建web应用实例对象,第一个初始化参数为路由映射列表 . 定义实现路由映射列表中的handler类 . 创建服务器实例, 绑定服务器端口 . 启动当前线程 ...
- selenium小结
1.selenium基本使用 https://www.cnblogs.com/andy9468/p/8976930.html 2.url发生跳转的处理 https://www.cnblogs.com/ ...
- 【Zookeeper】集群环境搭建
一.概述 1.1 Zookeeper的角色 1.2 Zookeeper的读写机制 1.3 Zookeeper的保证 1.4 Zookeeper节点数据操作流程 二.Zookeeper 集群环境搭建 2 ...
- 【Distributed】分布式锁
一.概述 1.1 分布式解决的核心思路 1.2 分布式锁一般有三种实现方式 二.基于Redis的分布式锁 2.1 使用常用命令 2.2 实现思路 2.3 核心代码 Maven依赖信息 LockRedi ...