JavaScript基础语法

最新推荐文章于 2024-05-20 15:17:08 发布
最新推荐文章于 2024-05-20 15:17:08 发布
阅读量90 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/caoxiangwang/p/11407718.html
版权

 

JavaScript基础语法。

一、标识符

硬性要求

1)         可以是由数字、字母、下划线和美元符号组成，不允许包含其他特殊符号。

2)         不能以数字开头。

3)         禁止使用JavaScript中的关键词和保留字来进行命名。

4)         严格区分大小写。

二、命名的方法

  1. 匈牙利命名法

其特点是标识符的名字以一个或者多个小写的字母开头，表示该变量的数据类型。

数据类型

对应前缀

Array数组

a

Boolean布尔

b

Float浮点

f

Function

fn

Interger(int)整型

i

Object对象
  • o

Regular Expression正则

re

String字符串

s

   

  1. 驼峰命名法

驼峰命名法分为两种，一种是大驼峰，另外一种为小驼峰。

1)         大驼峰又被称之为帕斯卡命名法，就是每个单词的首字母都是大写，

如：UserName

2)         小驼峰和大驼峰的区别在于，小驼峰第一个单词首字母为小写，第二个单词首字母为小写。

如：userName

  1. 蛇形命名法

其特点在于单词与单词之间使用下划线进行分隔。

如：user_name

三、关键字和保留字

关键字可用于表示控制语句的开始和结束或者用于执行特定操作，关键字是语言本身所保留的，不能用作标识符。

保留字还没有任何特定的用途，但在将来可能会被用作关键字。

JavaScript中的关键字与保留字有：

abstract、await、boolean、break、 byte、case、catch、char、 class. const、 continue、

finally、float、 for、 function、 goto、if、 implements、 import、 in、instanceof、 int、

interface、let、 long、 native、new、null、 package、private 、protected、 public、return、short、static、 super、 switch、 synchronized、 this、 throw、 throws、 transient、 true、 typeof、var、 volatile、 void、 while、 with、 yield 、try.

四、数据类型

数据类型分为两种：简单数据类型和复杂数据类型。

简单数据类型：

String、symbol、number、Boolean、underfined、null。

复杂数据类型：

Object

     在JavaScript中，可以通过typeof查看数据类型。

     Console.log(typeof  10);//number

     Console.log(typeof  true);//boolean

Console.log(typeof  ‘hello’);//string

Console.log(typeof  [1,2,3]);//object

五、声明变量

JavaScript中声明变量有三种：var，let，const。

Const和let的区别。

Const所声明的变量如果是简单数据类型，那么是不能在改变的。

Let所声明的变量无论是简单数据类型还是复杂类型，在后面都可以改变。

Var所声明的变量，允许重复声明；

重复声明不带有复制操作，js引擎会自动忽略后面的变量声明。

var test = 3;

var test;

console.log(test);//3

        重新声明是如果有赋值操作，那么后面的数据会覆盖前一个数据。

var test = 3;

var test = 5;

console.log(test);//5

六、作用域

1、  全局作用域

在全局作用中所声明的变量称称为全局变量，全局变量在任何地方都可以被访问。

let a = 5;//这是一个全局变量。

2、  局部作用域

在js中，一对大括号就能产生一个局部作用域。局部作用域里的变量称为局部变量，只能在这个局部作用域中才能被访问。

{   

let i = 10;   

console.log(i);//10

}

 console.log(i);//referenceError: I is not defined

        在局部作用域里，如果变量名和全局作用域里的变量名冲突，优先使用局部作用域里的变量。

let i = 10;

 {   

let i = 100;   

console.log(i);//100

}

console.log(i);//10

如果在局部作用域里声明变量没有书写关键字，会声明一个全局变量。

 

七、数据类型

1、  undefined类型

undefined类型就只有一个值，undefined。在使用变量但是没有为其赋值时，这个变量的值就是undefined。

注意：没有声明变量，使用时会报错，而不是undefined，但是打印时，显示的类型确实undefined。

let i;

console.log(typeof i);//undefined

console.log(typeof j);//undefined

console.log(i);//undefined

console.log(j); //ReferenceError: j is not defined

2、  null类型

null 类型的值只有一个，就是null，null表示一个空对象。从逻辑角度，null值表示一个空对象指针，用typeof操作符检测null的值会返回object。

let i = null;

console.log(typeof i);//object

       undefined值是从null值派生而来，对这两个数据进行相等测试时返回true。

             if(null == undefined){   

console.log('Yes');//Yes

 }

3、  布尔类型

布尔类型又被称为Boolean类型，就是真和假，这个类型的值只有两个，一个是true，另一个是false。

       let i = true;

console.log(i);//true

console.log(typeof i);//boolean

       注意：这两个值与数字值不一样，因此true不一定等于1，false也比一定等于0，Boolean类型值区分大小写，所以true、false和True、False不同。

虽然Boolean类型的值只有2个，但在ECMAScript中所有类型都可以转换为Boolean类型

console.log(Boolean("Hello"));//true

console.log(Boolean(42));//true

console.log(Boolean(0));//false

9个值对应布尔类型的假值：

  1、 “”:双引号的空字符

  2、‘’:单引号的空字符

  3、 ``:空字符模板

  4、0：数字0

  5、-0：js中-0和0为不同值

  6、NaN

  7、false

  8、null

  9、undefined

  

4、  数字类型

数字类型又被称作number类型，其值分为整数和实数。

1、  整数

let a = 12;

let b = -7;

注意：二进制以0b开头，八进制以0开头，十六进制以0x开头

        //二进制

let a = 0b101;//5

// 八进制

let b = 017;//15

//十进制

 let c = 21;//21

 // 十六进制

let d = 0xFD;//253

console.log(a,b,c,d);

2、  实数

实数就是常见的小数或者称为浮点数

表示浮点数方式的有两种：小数型和科学记数法型。

let a = 3.14;

let b = 9.12e+2;

console.log(a,b);//3.14 912

 

5、  NaN

NaN：Not a Number，非数值。特点任何涉及NaN的操作都会返回NaN。

let a = NaN + 10;

console.log(a);//NaN

      

NaN和任何值都不相等，包括自己本身。

        console.log(NaN === NaN);//false

 

isNaN()函数，判断一个参数是否不是数值。

console.log(isNaN(NaN));//true

console.log(isNaN("123"));//false

console.log(isNaN(123));//false

console.log(isNaN("Hello"));//true

console.log(isNaN(true));//false

返回值为true则不是数值。返回false是数值。

      NaN是属于number类型的。

console.log(typeof NaN);//number

6、  数值转换

1、  number()：可以将非数值转换为数值，

使用number()函数时注意：

     如果是Boolean值，true和flase将分别转换为1和0.

     如果是数字，那么就是简单地传入和返回。

如果是null值，那么返回0；

如果是undefined，返回NaN。

console.log(Number(true));//1

console.log(Number(false));//0

console.log(Number(10));//10

console.log(Number(null));//0

console.log(Number(undefined));//NaN

 如果是字符串只包含数字。将转换为十进制，即”1”变成1. “123”变成123，”011”变成11（注意这里不会被当做八进制来处理）

 如果字符串中包含有效的十六进制格式，如”1.1”，则会被转换对应的浮点数值

如果字符串中包含有效的十六进制格式，如”0xf”，则会被转换同等大小的十进制整数。

如果字符串是空，则转换为0.

如果字符串包含上述格式之为的字符，则转换为NaN。

列如：

console.log(Number("1"));//1

console.log(Number("012"));//12

console.log(Number("0o10"));//8

console.log(Number("0b111"));//7

console.log(Number("3.14"));//3.14

console.log(Number("0xf"));//15

console.log(Number(""));//0

console.log(Number("123Hello"));//NaN

parseint():可以将非数值转换为数值，

       parseint()更多看是否有数字，有就会将其转换为数值。

如number()函数转换”123hello”是会转换为NaN，而parseint()转换为123。

遇到空字符串时number()函数会将其转换为0，而parseint()转换为NaN

遇到小数时parseint()函数会取整。

console.log(parseInt("1"));//1

console.log(parseInt("012"));//12

console.log(Number("0o10"));//8

console.log(Number("0b111"));//7

console.log(parseInt("3.14"));//3

console.log(parseInt("0xf"));//15

console.log(parseInt(""));//NaN

console.log(parseInt("123Hello"));//123

 parsefloat()：可以将非数值转换为数值，

         parsefloat()：只解析十进制，所以没有第二参数，该函数会将小数点的字符串转换为小数，没有小数点的数转换为整数。同样的parsefloat()转换更多的数值，”123hello”会被转换为123.

console.log(parseFloat("21"));//21

console.log(parseFloat("123Hello"));//123

console.log(parseFloat("0xA"));//0

console.log(parseFloat("3.14"));//3.14

console.log(parseFloat("22.34.5"));//22.34        

console.log(parseFloat("0908.34"));//908.34

console.log(parseFloat("3.1415e2"));//314.15

ES6将全局方法parseint()和parsefloat()等移植到number对象上。行为保持不变，目的逐步减少全局性的方法，使得语言逐步模块化。

//ES5写法

console.log(parseInt("12.34"));//12

console.log(parseFloat("12.34#"));//12.34

//ES6 写法

console.log(Number.parseInt("12.34"));//12

console.log(Number.parseFloat("12.34#"));//12.34

7、  字符串类型

字符串类型：可以用单引号，也可以用双引号。

注意：字符串的内容本身包含单引号或者双引号的话，需要和字符串界限符区分开

let a = "Hello 'World',welcome";// 正确

let b = 'Hello "World",welcome';// 正确

let c = "Hello "World",welcome";//正确

      字符串数据类型很霸道，他和其他数据类型相加都会转换为字符串类型。

              let a = "abcd";

let b = 13 + a;

let c = 3.14 + a;

let d = true + a;

let e = null + a;

              let f = undefined + a;

console.log(typeof b);//string

console.log(typeof c);//string

console.log(typeof d);//string

console.log(typeof e);//string

              console.log(typeof f);//string

tostring():该函数会将除了null和undelfined以外的数据类型转换为字符串

let a = 10,b = true,c = null,d;

console.log(typeof a.toString());//string

console.log(typeof b.toString());//string

console.log(typeof c.toString());// 报错

 console.log(typeof d.toString());

null和undelfined不能通过tostring()函数转换为相应的字符串，tostring()函数在转换数值是可以带有参数，可以将数值指定转换为几进制。

let i = 10;

console.log(i.toString());//10

console.log(i.toString(2));//1010

console.log(i.toString(8));//12

console.log(i.toString(10));//10

console.log(i.toString(16));//a

string：可以将5种数据类型转换为字符串

let a = 10,b = true,c = null,d;

console.log(String(a),typeof String(a));//10 string

console.log(String(b),typeof String(b));//true string

console.log(String(c),typeof String(c));//null string

console.log(String(d),typeof String(d));//undefined string

 

字符串模板：用反引号(`)标识

let str = `Hello World`;

console.log(str);//Hello World

console.log(typeof str);//string

console.log(str.length);//11

使用模板字面量语法创建一个字符串，并赋值给message变量，这时变量与普通字符串一样。如果在字符串中包含反引号，只需用反斜杠\转义。

ES6的模板字面量使用多行字符串更易创建，因为它不需要特殊的语法，只需在想要的位置换行，此处换行会同步在结果中。

let str = `Hello World`;

console.log(str);

//Hello

//World

console.log(typeof str);//string

console.log(str.length);//12

在反引号之内的所有空白符都是字符串的一部分，需留意缩进。

变量占位符由起始的${与结束的}来界定，之间允许放任意的js表达式。

let name = "xiejie";

console.log(`Hello,${name}`); //Hello,xiejie

占位符${name}会访问本地的变量name，并将其值插入message字符串中。Message变量会立即保留该占位符的结果。

占位符是js表达式，还可以嵌入运算符，函数调用等。

let count = 10,price = 0.25;

console.log(`${count} items cost $${(count*price).toFixed(2)}`);

//10 items cost $2.50

 

转载于:https://www.cnblogs.com/caoxiangwang/p/11407718.html

weixin_30794851
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript基础语法
03-31
一些个人学习js基础语法的笔记
回顾JavaScript基础——函数
qq_43632167的博客
10-03 1067
1：声明函数 //声明一个函数 /* function 函数名(参数1,参数2,...){ //在内部定义函数体 } */ function put(something){ console.log("1" + something + "="); } function add(a,b){ return a + b; } function testNum(num){ if(num < 0 ) return; return num > 10; } 2：调用
JavaScript编程基础
weixin_30522183的博客
06-30 182
一、 1 .JavaScript基础语法 注释： 1.单行注释： //单行注释 多行注释： /* *较长的多行 *注释 * */ 最好是针对某个功能来写注释 2. 语句 在JavaScript中，语句一般以分号结尾，每条语句独占一行来写代码；不写分号也不会报错，但是代码压缩时可能会有问题，建议加上分号。 leti = 10; c...
每天一道算法题:javascript递归的方式写1到100求和
IU
10-29 1115
递归(recursion) 递归，就是在运行的过程中调用自己。 // 用js递归的方式写1到100求和？ function sum(num1, num2) { //1,100 let num = num1 + num2; if (num2+1 > 100) { return num } else { return sum(num, num2 +
js逻辑理解01
drlsxs的博客
07-27 114
1.如何每间隔一秒输出from,到to的值 function printNumbers(from, to) { //打印从from开始，但是to是不变的，所以因为参数是恒定的，所以我们需要声明一个变量来保存from,及让参数具有可变性... let current = from; //如何打印多次值呢？js中需要进行循环或者是递归才能输出多次,你这样直接if在最外面是不能让程序有循环性的。 setTimeout(function go() { if (current < to)
JavaScript基础语法（ppt）
05-31
JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）...
JavaScript基础语法笔记
04-12
JavaScript基础语法笔记(for、对象、js基础语法截图等...)
JS 函数
baidulixueqin的博客
12-25 813
JS 函数 本节课主要讲解函数对象，JS的第二座大山this 其它 1.对象:object对象、数组对象、函数对象(函数是一种特殊的对象) 2.for循环里的i是字符串下标。 定义函数 4种方式:具名函数、匿名函数、箭头函数、用构造函数 1.具名函数 全局作用域 function 函数名(形式参数1，形式参数2){ 语句 return 返回值 } 2.匿名函数 上面的具名函数，去掉函数名就是匿名函数 let a=function(x,y){return x+y} 等于号右边又叫函数表达式 面试题 l
JavaScript基础语法知识（一）；
08-19 187
2-1 JavaScript 基础语法 2-1-1注释 关于注释的作用，这里就不用多说了。之所以书写注释，就是为了让阅读代码的人更加方便。拥 有良好注释的代码是专业程序员的标志，它让阅读我们代码的任何人（包括我们自己）能更加容易 的理解某一段代码的作用是什么。如果没有注释，往往在几周后，我们回过头来阅读自己写的代 码时会发现，自己都看不懂。 在JavaScript中，注释可以分...
for 循环中setTimeout(function () { console.log(i)},100)中的异步问题
仙人掌的博客
02-16 2572
for(var i=0;i<=3;i++){ setTimeout(() => { console.log(i) }, 1000); } //四次4 这道题涉及了异步、作用域、闭包 settimeout是异步执行，10ms后往任务队列里面添加一个任务，只有主线上的全部执行完，才会执行任务队列里的任务，当主线执行完成后，i是4，所以此时再去执行任务...
for循环中let，var 的经典面试题：for循环中 console.log(i)详解
鹤汀凫渚 的博客
10-23 7511
我猜你肯定不知道其中的真理
JS概括及基本语法
weixin_30333885的博客
06-30 110
一．概括 JavaScript常常被称之为Web语言。因为最早JavaScript就是用来制作网页特效和表单验证的。 搭建JavaScript开发环境 搭建环境，无外乎就是书写代码的环境以及运行代码的环境。 常见的文本型代码编辑器如下： l 记事本 l Sublime l Atom l Brackets l VScode 常见的集成开发环境如下： ...
JavaScript基础第三章（循环）
weixin_52046784的博客
09-18 438
1、for循环 在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句 for(初始化变量;条件表达式;操作表达式) { //循环体 } 1. 输入10句"娘子晚安哈！" //基本写法 for(let i = 1; i<=10; i++ ) { console.log('娘子晚安哈'); } // 用户输入次数 let num = prompt('请输入次数:');...
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 193
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
React Suspense与Concurrent Mode：异步渲染的未来
最新发布
天涯学馆
05-20 639
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 231
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
javascript 基础语法
08-29
JavaScript基础语法包括数据类型、运算符、选择结构和循环结构。在JavaScript中，所有的类型都是用var关键字来修饰，但实际中还是有类型区分的。常见的数据类型包括字符串、数字、布尔值、对象和数组等。 运算符用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值