js-计算机基础、js语法、变量

2022/1/7 23:33:48

编程Tag： js 字符串变量数字语法 parseInt NaN

本文主要是介绍js-计算机基础、js语法、变量，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

（一）计算机基础一数据存储单位

二程序运行 cpu从内存条中读取数据

三 js简介 js实在客户端上运行的脚本语言。（解释性语言：边解释边执行）脚本语言：不用编译，运行过程中由js解释器（js引擎）朱行来进行解释并执行现在也可以基于node.js进行服务器端编程

Java为编译型语言（都编译完再执行）。

四 js作用

五浏览器执行js的过程浏览器分为两部分：渲染引擎和js引擎

js引擎会逐行解释源码转换成机器语言，然后由计算机执行

六 js的组成三部分

1.ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

2.DOM：文档对象模型（Document object Model），

DOM指页面，操作网页上的元素的API，对页面上各种元素进行操作（大小、位置、颜色）。比如：让盒子移动、变色、轮播图等。
内容是DOM。就是把文档当做一个对象看待
DOM中的顶级对象为document。document也是在window中保存的。

3.BOM：浏览器对象模型（Browser Object Model），

对浏览器窗口进行操作
操作浏览器部分功能的API。比如：让浏览器自动滚动、弹出框、控制浏览器跳转、获取分辨率等
BOM中的顶级对象为window（窗体）

七标识符、关键字、保留字 1.标识符定义：指开发人员为变量、属性、参数取的名字

标识符不能是关键字或者保留字
变量名和函数名必须要有意义。变量名字一般用名词，函数名字一般用动词。

2. 关键字定义：js本身使用了的字比如：

3.保留字定义：预留的关键字比如：

八 js语法规范

操作符两端一般各保留一个空格

var i = 1;//=为操作符（二）js语法一 js书写位置 1.行内

2.内嵌（常用）在html标签的<body>标签中放入 <script> 这里输入代码 </script> 3.外部在body中，<script src="tool.js"></script> （引用外部 JS文件的 script 标签中间不可以再写代码）二注释和语法 1.js推荐使用单引号 js对换行、缩进、空格不敏感，每一句语句都以分号结尾 js严格区分大小写 2.js的注释快捷键ctrl+/ （1）单行注释 // （2）多行注释 /* 多行注释1 多行注释2 */ 三 js输入输出语句

1）prompt

prompt(‘这里写输入框中要显示的文字’) 会返回用户输入的内容。
我们可以用一个变量，来接收用户输入的内容。不耽误弹出框的显示，且可以存储变量方便后面用。

var a=prompt("请输入balabala"); console.log(a);

在框框上方显示提示内容

prompt()语句中，用户不管输入什么内容，都是字符串（string型）

因此如果之后想使用用户输入的数字，一定记得parseInt或者parseFloat 2）console.log

快捷键：直接写log然后tab会出console.log();

3）alert alert("欢迎！请按“确定”继续。");

（三）变量 1.声明变量直接用var es6后可以用const 声明常量，let声明变量（1）变量的初始化：声明一个变量并赋值 var a=100; const b=hello; let b=world; let a='';

同时声明多个变量时，只需要写一个 var，多个变量名之间用英文逗号隔开

var name='mhhhhh',age=188888,number=1;

只声明不赋值会打印undefined

var a; console.log(a);//打印结果undefined 2.变量的命名（1）大小写敏感，a和 A是两个变量（2）变量命名规则必须以字母、下划线、$开头不能有空格

3.交换两个变量步骤

（0）声明空变量（1）其中第一个值给空变量先存着（2）第二个变量把值赋给第一个变量（3）temp把存的值赋值给第二个变量（四）变量的数据类型 js中数据类型分为两大类：简单数据类型、引用数据类型一.简单数据类型分为5类： String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义、symbol（es6新增）除了这五种，其他的都属于对象（引用类型)

1.number数字型

number分为整型和浮点型
常见进制：二进制、八进制、十六进制

八进制：前面数字加0表示八进制，比如010表示8，console.log会自动输出十进制十六进制：0~9 a~f，前面写0x表示十六进制。0xa表示10

number中最大最小值是：

number的三个特殊值：

NaN：当计算结果不是个数字时，显示NaN NaN 与任何值都不相等，包括 NaN 本身。任何值和NaN做任何比较都是false。

isNaN（想判断的东西）方法用来判断是否为非数字。如果不是数字则返回true，是数字返回false

2.string字符串型用单引号或者双引号引起来的，最好用单引号

字符串嵌套：可以双引号包含单引号，可以单引号包含双引号。
声明一个空字符串：var str=‘';
转义符：在字符串内想换行等，要用转义符：

\作为转义字符，表示一些特殊符号时可以使用\进行转义：

\r 表示回车

字符串的长度以及拼接：

长度：str.length检测字符串长度拼接：用+号。拼接规则：相加时只要有字符串，最后输出的都是字符串。（数值相加，字符相连）

字符串要想和变量一起用，要用+号或者，号连接
prompt（）和表单获得的都是字符串

3.boolean布尔型只有true和false

布尔值为true的变量，在计算时当做1。false当0.

4.undefined

任何数据类型和 undefined 运算都是 NaN。

eg：10 + undefined 结果为 NaN。

函数没有return语句，即没有返回值，输出时返回undefined
调用函数的时候如果没有传参，那么输出undefined

function foo(name){ console.log(name); } foo();

5.null空值

null 的变量与数字相加，返回这个数字（null 可看做 0 运算） eg：10 + null 结果为 10。 null == undefined 的结果为 true 6.typeof来检测变量的数据类型语法： typeof a 一些特殊的：

typeof NaN也是一种特殊的数字	number（NaN也是一种特殊的数字）
typeof 方法	function
typeof null	object（null代表空对象）

7.字面量，就是常量。字面量有3种：数字、字符串、布尔字面量 1.alert(886);数字不用加引号 2.console.log('886');此时886就变成了字符串 3.if(true){ console.log('如果为真就执行这里的代码'); } 二.引用数据类型（引用类型）：（五）数据类型的转换一.显示类型转换 1.其他类型转换为字符串类型（1）toString（）方法：变量转换为字符串语法：变量.toString（）

该方法不会影响到原变量，它会将转换的结果返回。
null 和 undefined 这两个值没有 toString( )方法
Number 类型的变量，在调用 toString( )时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为 10 进制。

var a = 255; a = a.toString(2); // 转换为二进制 console.log(a); // 11111111 （2）String( )方法强制转换成字符型语法：变量放在括号里 eg：String(a) （3）用+号强制类型转换（隐式转换）原理：与字符串拼接的结果都是字符串。加号只是用来拼接。 result4 = 100 - '1' ;// 99，减乘除自动转成数字 result5=100+'1';//1001，加号为拼接，为字符串相加 2.其他类型转换成数字类型（1）parseInt( ) 作用：把字符串转换成整数数值型语法：parseInt(string，radix)；

string：要被解析的值。
radix：可选。从 2 到 36，表示被解析的值的进制，最后转换为十进制的数输出。

eg： var a = '110'; var num = parseInt(a, 16); // 【重要】将 a 当成十六进制来看待，然后转换成十进制的 console.log(num);//272 最后输出的十进制的进制可以省略： parseInt(字符串或者字符串型的变量放这里） eg：parseInt(’78’)

parseInt的返回值只有两种可能，不是一个十进制整数，就是NaN。
如果参数不是一个字符串，则将其转换为字符串(toString)。

转换规则： 1）转换顺序

如果字符串头部有空格，空格会被自动去除。parseInt(' 81'); // 81
字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。parseInt('99aa'); // 99
如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。

parseInt('aa99'); // NaN parseInt('-99'); // -99 2）

如果字符串以0x或0X开头，parseInt会将其按照十六进制数解析。
参数以0开头不一定当作十进制还是八进制，因此要制定好才能避免歧义。（虽然es5移除了对八进制的解析）

（2）parseFloat( ) 作用：把字符串转换成浮点数数值型语法：parseFloat(字符串或者字符串型的变量放这里） eg：parseFloat(’78 .21’)

给定值被解析成浮点数。如果给定值不能被转换成数值，则会返回 NaN。
如果 parseFloat 在解析过程中遇到了正号（+）、负号（- U+002D HYPHEN-MINUS）、数字（0-9）、小数点（.）、或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数。
第二个小数点的出现也会使解析停止（在这之前的字符都会被解析）。
参数首位和末位的空白符会被忽略。
如果参数字符串的第一个字符不能被解析成为数字,则 parseFloat 返回 NaN。
当整数太大以至于不能被转换时将失去精度。
解析整数就直接返回整数

（3）Number( ) 强制转换为数字型作用：string转换为数值型 eg：Number( ’12’) （4）用- * /来隐式转换为数值型原理：* / %号只是运算符号，即使写成字符串也会自动转换成数字 eg：’12’-3 结果为数值型的9 3.常见应用

3.其他类型转换为布尔型语法：Boolean(这里放要转换的类型 )

只有当参数是：

‘ '，0，NaN,null,undefined时，结果为false。其余情况结果均为true。

法2:使用 !!可以显式转换为 Boolean 类型。比如 !!3的结果是true。

这篇关于js-计算机基础、js语法、变量的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

js-计算机基础、js语法、变量

相关编程文章