JavaScript的基础语法

作者: 追逐_chase | 来源:发表于2018-02-27 16:11 被阅读0次
timg.jpg
语法规则
  • JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型
  • JavaScript对换行、缩进、空格不敏感
  • 每一条语句结束的时候要加上 分号 ;
  • 注释
    • //单行注释
    • /* */ 多行注释

变量

  • 变量是对“值”的具名引用。变量就是为“值”起名,然后引用这个名字,就等同于引用这个值。变量的名字就是变量名。
  • 变量是用var来定义,只有在定义之后,变量才能够使用
var a = 1;

上面的代码先声明变量a,然后在变量a与数值1之间建立引用关系,称为将数值1“赋值”给变量a。以后,引用变量名a就会得到数值1。最前面的var,是变量声明命令。它表示通知解释引擎,要创建一个变量a。

  • 变量的命名规范
    • 只能有英文的字母、数字、下划线、美元符号、且不能以数字开头、并且不能是JavaScript的保留字
    • JavaScript 的变量名区分大小写,A和a是两个不同的变量。
    • 变量名中不允许使用空格
    • 保留字有: abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
      implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

变量的作用域

  • 变量可以分为:全局变量 和 局部变量
  • 全局变量
    • 在最外层声明的变量
    • 在函数体内部,但是没有声明var 的变量也是全局变量
  • 局部变量
    • 在函数体内部的 声明的变量
  //全局变量
   var num = 10;
            function ff3() {
                
                console.log(num);
            //局部变量
                var num2 = 3;
                
                
            }
            

数据的类型

  • 数值型(number):整数和小数

  • 字符串型(string): 文本

    • string() 转换成字符型
  • 布尔值(boolean): 表示真伪的两个特殊值,即true(真)和false(假)

  • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值

  • null:表示空值,即此处的值为空。

  • 对象(object):各种值组成的集合.

  • typeof 运算符 可以返回一个值的数据类型

   var  a = 100.0;
     console.log(typeof a)

输出结果:number

  • 连字符和 + 号, 如果加号两边都是数值,此时是加。否则,就是连字符。
console.log("我" + "爱" + "你");   //连字符,把三个独立的汉字,连接在一起了
console.log("我+爱+你");           //原样输出
console.log(1+2+3);             //输出6

运算符

  • 加(+)、 减(-),乘(*),除(/),取模(%):就是余数

  • 乘方 Math.pow(3,4);


    乘方.png
  • 开根号 Math.sqrt();

关系运算符

大于号 >
< 小于号
= 大于或等于
<= 小于或等于
== 等于
=== 全等于
!= 不等于
!== 不全等于

  • 注意关系运算符是和布尔值是对应的,返回的加过就是 true 和 false
console.log(5 <= 5);    //true
console.log(6 <= 10);   //true
console.log(6 <= 3);    //false

console.log(5 == 5);    //true
console.log(5 == 6);    //false
  • ==等等不严谨,会将不同类型的东西,转为相同类型进行比较
console.log("5" == 5);      //true
console.log(56 == "56");    //true
  • 全等于,就是三个等号===
  • 前提是 类型完全一样 比如:都是字符串类型,或者 都是 数字类型
//全等于
console.log("56" === 56);   //false
console.log(56 === "56");   //false
console.log("56" === "56"); //true
console.log(56 === 56);     //true
逻辑运算符

&& 与(且)
|| 或
! 非
参与逻辑运算的,都是布尔值。也就是说,只有true、false才能参与逻辑运算,得到的答案,仍然是布尔值。

console.log(true || true);          //true
console.log(true || false);         //true
console.log(false || true);         //true
console.log(false || false);                //false
常用的语句
  • Alert() 弹出警示框
  • Console 控制台输出
console.png
  • document.write() 文档打印输出
//警告框
alert("警告语");
 var  a = 100.0;
//控制台输入
 console.log(typeof a)

//prompt就是专门用来弹出能够让用户输入的对话框:
  var b = prompt("哈哈请输入点什么东西吧");
//变量b可以获取到 用户输入的值
       console.log(b);


  • parseInt
    • 自动带有截断小数功能(取整,不四舍五入)
console.log(parseInt(5.8));

输出:5
  • parseInt带有自动净化的功能:
console.log(parseInt("365天每天都爱你10000次"));
输出:365
  • 字符串转化数字
parseInt(“5”);
结果就是数字5。

  • getElementById() 通过Id获取这个标签
  • getElementsByTagName() 获取某类标签 是个复数

相关文章

  • JavaScript-01

    A 什么是JavaScript JavaScript 定义JavaScript JavaScript基础语法 常用...

  • 技术栈

    一、HTML、CSS基础、JavaScript语法基础。 二、JavaScript语法进阶。包括:作用域和闭包、t...

  • 2020前端技术栈

    一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括:作用域和闭包、th...

  • JavaScript语法教程学哪些知识点?

    JavaScript语法教程学哪些知识点?JavaScript语法需要学计算机基础、Javascript变量、数据...

  • 07-JavaScript语法

    一.Javascript 基础语法 1.JavaScript语言介绍 JavaScript 的诞生JavaScri...

  • JavaScript学习笔记(一)-- JavaScript基础

    JavaScript基础语法 HTML : 标记语言 JavaScript : 编程语言 序言 JavaScrip...

  • 学习记录_javaScript_基础语法

    1. javaScript基础语法 学习记录 [1. javaScript简介][1.1. javaScript简...

  • js基础语法

    JavaScript基础语法 HTML:标记语言 JavaScript:编程语言 序言[https://gitee...

  • 04-JavaScript基础

    学习目标: 掌握编程的基本思维 掌握编程的基本语法 JavaScript基础 阶段说明 JavaScript基础W...

  • JAVA web编程技术

    1 HTML基础语法 2 javascript基础编程 3 javascript客户端交互技术 4 jspC\B服...

网友评论

    本文标题:JavaScript的基础语法

    本文链接:https://www.haomeiwen.com/subject/oxcmxftx.html