一、如何书写一个javascript代码

  javascript代码需要写在javascript标签中才会生效,而javascript标签可以写在任何地方,但考虑到规范化及页面的加载问题,最好是写在body标签中的末尾。

  在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对,<script type=”text/javascript”></script>标签对

  1. <script type="text/javascript">
  2.  
  3. </script>

  语法规则:

    javascript与java语言有很多相同之处,在我们今后的学习当中会逐步涉猎,javascript也有它自己的规范。

    (1)JavaScript对换行、缩进、空格不敏感。

     备注:每一条语句末尾要加上分号,虽然分号不是必须加的,但是为了程序今后要压缩,如果不加分号,压缩之后将不能运行。

    (2)所有的符号,都是英语的。比如括号、引号、分号。

  变量的命名规范:

    只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。

  变量的数据类型:

    number、string、boolean、null、undefined以及复杂的数据类型:Array、Function、Object等等

二、运算符与数据类型转换

  运算符相关:

    js中的运算符跟python中的运算符有点类似,但也有不同。所谓运算,在数学上,是一种行为,通过已知量的可能的组合,获得新的量。

      (1)赋值运算符

        

      (2)算术运算符

        

      (3)比较运算符

        

  数据类型转换:

    语言中我们的数据类型有很多,在某个页面中展示的数据类型也不同,比如说电话号码我就要求number的类型,而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。

    (1)隐士转换

  1. var n1 = 123;
  2. var n2 = '123';
  3. var n3 = n1+n2;
  4. // 隐式转换
  5. console.log(typeof n3);

    (2)强制类型转换

  1. // 强制类型转换String(),toString()
  2. var str1 = String(n1);
  3. console.log(typeof str1);
  4.  
  5. var num = 234;
  6. console.log(num.toString())

    将字符串类型转换成数值数据类型:

  1. var stringNum = '789.123wadjhkd';
  2. var num2 = Number(stringNum);
  3. console.log(num2)
  4.  
  5. // parseInt()可以解析一个字符串 并且返回一个整数
  6. console.log(parseInt(stringNum))
  7. console.log(parseFloat(stringNum));

    任何数据类型都可以转换成布尔型:

  1. var b1 = '123';
  2. var b2 = 0;
  3. var b3 = -123
  4.  
  5. var b4 = Infinity;
  6. var b5 = NaN;
  7.  
  8. var b6; //undefined
  9. var b7 = null;
  10.  
  11. // 非0既真
  12. console.log(Boolean(b7))

三、流程控制相关

  1.if、if-else、if-else ifelse  

  1. //if:
  2. var ji = 20;
  3. if(ji >= 20){
  4. console.log('恭喜你,吃鸡成功,大吉大利')
  5. }
  6. alert('alex');//下面的代码还会执行
  7. //if-else
  8. var ji = 20;
  9. if(ji>=20){
  10. console.log('恭喜你,吃鸡成功,大吉大利')
  11. }else{
  12. console.log('很遗憾 下次继续努力')
  13.  
  14. }
  15. //if-else ifelse
  16. if (true) {
  17. //执行操作
  18. }else if(true){
  19. //满足条件执行
  20. }else if(true){
  21. //满足条件执行
  22. }else{
  23. //满足条件执行
  24. }

  2.while、do_while    

    循环三步走:

      1.初始化循环变量

      2.判断循环条件

      3.更新循环变量

  1. //while
  2. var i = 1; //初始化循环变量
  3.  
  4. while(i<=9){ //判断循环条件
  5. console.log(i);
  6. i = i+1; //更新循环条件
  7. }
  8. //do_whlie
  9. //不管有没有满足while中的条件do里面的代码都会走一次
  10. var i = 3;//初始化循环变量
  11. do{
  12.  
  13. console.log(i)
  14. i++;//更新循环条件
  15.  
  16. }while (i<10) //判断循环条件

  3.for与for的嵌套

  1. //for
  2. for(var i = 1;i<=10;i++){
  3. console.log(i)
  4. }
  5. //for的嵌套应用
  6. for(var i=1;i<=6;i++){
  7. for(var j=1;j<=i;j++){
  8.   document.write("*");
  9. }
  10.  
  11. document.write('<br>');
  12. }
  13. //利用for的嵌套在浏览器中显示以"*"组成的直角三角形

  4.switch分支

  1. var gameScore = 'better';
  2.  
  3. switch(gameScore){
  4.  
  5. //case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break,那么直到该程序遇到下一个break停止
  6. case 'good':
  7. console.log('玩的很好')
  8. //break表示退出
  9. break;
  10. case 'better':
  11. console.log('玩的老牛逼了')
  12. break;
  13. case 'best':
  14. console.log('恭喜你 吃鸡成功')
  15. break;
  16.  
  17. default:
  18. console.log('很遗憾')
  19.  
  20. }

  5.逻辑与"&&"、逻辑或"||"

  1. //1.模拟 如果总分 >400 并且数学成绩 >89分 被清华大学录入
  2. //逻辑与&& 两个条件都成立的时候 才成立
  3. if(sum>400 && math>90){
  4. console.log('清华大学录入成功')
  5. }else{
  6. alert('高考失利')
  7. }
  8. //*********************************************
  9. //2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
  10. //逻辑或 只有有一个条件成立的时候 才成立
  11. if(sum>500 || english>85){
  12. alert('被复旦大学录入')
  13. }else{
  14. alert('高考又失利了')
  15. }

四、函数与常用内置对象

  函数相关:

    1.函数的定义:

  1. function 函数名字(){
  2.  
  3. }

    2.函数的调用

      函数名 ();

    一起使用成为一个完整的函数:

  1. console.log("hello world");
  2. sayHello(); //调用函数
  3. //定义函数:
  4. function sayHello(){
  5. console.log("hello");
  6. console.log("hello world");
  7. }

    javascript中的函数也有形参与实参。

  常用内置对象:

    1.数组Array

      数组的创建:

        字面量的创建方式:var colors = ['red','color','yellow'];

        通过构造函数来创建:var colors2 = new Array();

      数组的赋值:

  1. var arr = [];
  2. //通过下标进行一一赋值
  3. arr[0] = 123;
  4. arr[1] = '哈哈哈';
  5. arr[2] = '嘿嘿嘿'

      数组的常用方法:

      

    2.字符串string

      创建一个字符串:var s ="javascript"

        javascript中创建变量的方式很方便

      字符串中常用的方法

        

    3.Data日期相关

      创建日期对象只有构造函数一种方式,使用new关键字

        var myDate = new Date();

      Data中常用的方法:

        

    4.Math内置对象

      常用的方法有:

        

    

  1.  

  

javascript之ECMAScript:语法的操作标准的更多相关文章

  1. Javascript与ECMAScript

    我们经常习惯性认为Javascript就是ECMAScript,但其实不是这样的. ECMAScript是一种脚本在语法和语义上的标准. 主要包括:语法.类型.语句.关键字.保留字.操作符.对象. 它 ...

  2. javascript、ECMAScript、DOM、BOM关系

    ECMAScript,正式名称为 ECMA 262 和 ISO/IEC 16262,是宿主环境中脚本语言的国际 Web 标准. ECMAScript 规范定义了一种脚本语言实现应该包含的内容:但是,因 ...

  3. JavaScript 、ECMAScript、commonJS 发展历史 与标准化发展

    本文介绍下JavaScript和 ECMAScript的诞生及发展历史,以及标准化过程. 一.JavaScript诞生 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版. ...

  4. JavaScript组成部分——ECMAScript、DOM、BOM、

    1.JavaScript组成部分 虽然 JavaScript 和 ECMAScript 通常被人们用来表达相同的含义,但 JavaScript 的含义却比ECMA-262标准中规定的要多得多. 一个完 ...

  5. 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系

    完整的JavaScript包括三大部分: -ECMAScript   JavaScript的开发规范:提供核心语言功能 -DOM   document object model   文档对象模型:提供 ...

  6. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  7. javascript的基本语法、数据结构

    本篇学习资料主要讲解javascript的基本语法.数据结构      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...

  8. JavaScript编程:javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  9. 【JavaScript的基本语法】

    [JavaScript的基本语法 ] 1.javascript输出 JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. <script>      documen ...

随机推荐

  1. 正确删除k8s版本jenkins的pod

    1.kubectl delete -f jenkins-deployment.yaml 或者先删除pod,再删除对应的depllyment 这两步都要执行否则删除pod不管用 2.删除数据目录下的数据 ...

  2. 【Leetcode_easy】976. Largest Perimeter Triangle

    problem 976. Largest Perimeter Triangle solution: class Solution { public: int largestPerimeter(vect ...

  3. Django:序列化的几种方法

    前言 关于序列化操作,就是将一个可迭代的数据结构,通过便利的方式进行我们所需要的操作. 今天历来归纳一下,Django中的几种不同得分方法,已经Django-restframework提供的方法 创建 ...

  4. WPF TextBlock 文本换行的两种方式

    第一种: <TextBlock> This is line 1.<LineBreak/> This is line 2. </TextBlock> 第二种 < ...

  5. CF1223D Sequence Sorting

    思路: 首先把数组离散化,然后观察可以发现,在最优解中最终没有被移动过的那些数字一定是连续的,那么找到最长的连续的数字长度即可. 实现: #include <bits/stdc++.h> ...

  6. Spring @Transactional 事务机制

    几个概念要清楚:事务的传播机制,事务的边界 工作原理 运行配置@Transactional注解的测试类的时候,具体会发生如下步骤 1)事务开始时,通过AOP机制,生成一个代理connection对象, ...

  7. SQLServer分页查询方法整理以及批量插入操作SqlBulkCopy

    分页查询 通用方法:sqlserver 2005 + ROW_NUMBER() OVER()方式: ; TOP NOT IN方式 : ID FROM TripDetail ORDER BY ID) O ...

  8. C之typedef

    1.1 typedef 解析: 1.typedef是一个关键字: 2.typedef它的对象必须是一个类型: 3.作用:给类型取一个别名 1.2 typedef 格式 : typedef  类型    ...

  9. Python-02-基础知识

    一.第一个Python程序 [第一步]新建一个hello.txt [第二步]将后缀名txt改为py [第三步]使用记事本编辑该文件 [第四步]在cmd中运行该文件 print("Hello ...

  10. python 之 数据库(字段的约束条件,表之间的关系)

    10.6 约束条件 10.61 not null .default create table t15( id int, name ) not null, sex enum('male','female ...