银子:

   一般来说,一门编程语言的基础语法都是大同小异的。比如,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 基础语法(上)的更多相关文章

  1. ECMAScript 5.0 基础语法(下)“稍微重点一点点”

    接上篇 七.常用内置对象(复杂数据类型)(重点) (1)数组Array 创建:例  var colors = ['red','blue','green']       #推荐这样,因为简单粗暴 或:v ...

  2. ECMAScript 6.0基础入门教程

    ECMAScript 6.0基础入门教程 转:https://blog.csdn.net/hexinyu_1022/article/details/80778727 https://blog.csdn ...

  3. swift3.0基础语法

    swift 3.0 基础语法 目录 01-变量和常量 02-运算符 03-可选项 04-条件语句 05-循环 06-字符串 07-元组 08-数组 09-字典 10-对象和类 11-枚举 12-属性 ...

  4. swift3.0基础语法(2)

    变量/常量,元组声明 var aaa = 0;//声明变量aaa 首次赋值时自动解析为Int类型 var aaa:Int = 0;//声明Int类型变量aaa let aaa = 0;//声明常量aa ...

  5. 12天搞定Python,基础语法(上)

    不知你是否见过建楼房的过程,没有的话,找个时间去瞧一瞧,看一看.看过之后,你就会明白.建楼房,只有打好地基之后,才能在砌墙,建的楼层越高,打的地基就越深. 学编程也一样,要想得心应手的应用,得先打好地 ...

  6. ① Python3.0基础语法

    稍微了解一下py2.0和py3.0的区别,Py3.0在设计的时候,为了不带入过多的累赘,没有考虑向下兼容低版本的Py2.0.而在低版本中Py2.6作为过渡版,基本使用Py2.x的语法和库,同时考虑Py ...

  7. Vue 2.0基础语法:系统指令

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. Vue初体验 新建一个空的项目,引入vue.js文件.写如下代码: &l ...

  8. Swift3.0基础语法学习<二>

    对象和类: // // ViewController2.swift // SwiftBasicDemo // // Created by 思 彭 on 16/11/15. // Copyright © ...

  9. 吾八哥学Python(三):了解Python基础语法(上)

    学习一门开发语言首先当然是要熟悉它的语法了,Python的语法还算是比较简单的,这里从基础的开始了解一下. 标识符1.第一个字符必须是字母表中字母或下划线'_'.2.标识符的其他的部分有字母.数字和下 ...

随机推荐

  1. electron窗口相关操作(放大缩小退出,可拖动,可resize等)

    如下是对窗口最大化,最小化等相关操作: import { ipcMain, ipcRenderer, remote } from 'electron' import is from 'electron ...

  2. sonar+Jenkins 构建代码质量自动化分析平台

    1.Sonar 介绍 Sonar 是一个用于管理代码质量的开源工具,可以分析代码中的bug和漏洞以及Code Smells,支持20多种编程语言的检测,如java,c/c++,python,php等语 ...

  3. Elasticsearch 介绍及应用

    Elasticsearch简单介绍 Elasticsearch (ES)是一个基于Lucene构建的开源.分布式.RESTful 接口全文搜索引擎.Elasticsearch 还是一个分布式文档数据库 ...

  4. elementUI动态数据表格(带分页)

    index.vue <template> <div> <el-table ref="multipleTable" :data="tableD ...

  5. vue获取当前路由

    完整url可以用 window.location.href路由路径可以用 this.$route.path路由路径参数 this.$route.params 例如:/user/:id → /user/ ...

  6. FlowPortal BPM 验证组的使用方法

    1.在表单上指定验证组 2.在流程上指定验证组 3.启用多个验证组 流程审批线上设置验证组时可以设置多个验证组,多个验证组之间以分号分割,如:AAA;BBB.

  7. web服务器端挖矿代码攻击的错误检测及排除

    a)挖矿代码简要阐述: 网页中嵌入Javascript, 一旦用户打开该网站,浏览器便会按照脚本的指令变成一个门罗币挖矿机.这一段附加的挖矿代码通常因为大量占用CPU,使用户的计算机变得异常卡顿甚至无 ...

  8. tcp关闭连接:挥手讨论

    讨论焦点: 如果client发送FIN后,服务器端未返回完成的数据(缓存区中)还执行返回吗? 参考文档:https://download.csdn.net/download/u013547552/10 ...

  9. 访问mapper方法提示invalid bound statement (not found)原因总结

    1.访问所有的mapper都报此错误,检查 mapper.xml 中的 namespace 2.访问mapper中的部分方法时报此错误,检查xml文件中的id是否和接口中的方法名一致 3.mapper ...

  10. idou老师教你学Istio 24:如何在Istio使用Prometheus进行监控

    使用Prometheus进行监控是Istio提供的监控能力之一.Istio提供丰富的监控能力,为网格中的服务收集遥测数据.Mixer是负责提供策略控制和遥测收集的Istio组件. Istio通过Mix ...