JS基础——入门必备

·首先,来简单的说一下,JS是啥,JS是JavaScript的简写,是

基于浏览器的

基于对象的

事件驱动

脚本语言

·那么JS有什么用呢?ta可以实现:

表单验证

添加动画效果

动态更改页面内容

Ajax网络请求

·那么怎么在网页中使用它呢?

可以有三种方式:

1.Html中内嵌

<button onclick="javascript:alert(‘young man..骗你的‘)">屠龙宝刀点击就送!</button>

2.在Html页面中直接使用JS

<script type=“text/javascript”>

JavaScript语句;

</script>

【注意事项】页面中JS代码与引用JS代码可以嵌入到Html中任意位置,但是位置不同会影响到JS代码的执行顺序。例如script标签在body前边会在页面加载之前执行JS;

②引用外部JS文件,使用

<script src=" .js" language=“javascript”>

</script>

引用外部JS文件的script标签必须成对出现,且内部不能有任何代码

·下面在来介绍一下JS中的变量:

JS的变量声明不同于C、C++、JAVA之流,要用int long char之类的

①JS中所有变量类型声明,均使用var关键字。变量的具体类型取决于对变量赋值得类型

②同一变量可在多次不同赋值时,改变变量的数据类型

var width = 10; width为整形变量

var width =“11”;width被改为字符串类型

③变量可以使用var 也可以省略

④同一变量名可以多次用var声明,但没任何含义,不会报错。第二次之后的声明,只会被理解为赋值

虽然只用var定义变量,但JS中的变量也是有数据类型的:

undefined 未定义,用var定义的变量未赋值。var a;

Null 代表特殊的变量类型。唯一值为null,表示为空的引用。空的对象,空的数组

number 数值类型。可以使小数,也可以是整数。

string 字符串,用双引号“” 或单引号‘ ‘包裹的内容,称为字符串

boolean 真假,可选值 true /false

object 复杂数据类型

说到这里,当然要强调一下变量的命名规范:

变量名由字母数字下划线和$符,开头不能为数字,区分大小写

变量名命名要符合驼峰法则:

变量开头要小写,之后每个单词首字母大写;

·在JS中有几个常用的数值函数非常重要:

① isNAN 用于判断一个变量或者常量是否为NAN(非数值)
  这个非常非常绕

使用isNAN判断时会尝试使用number()函数进行转换,如果能转换为数字,则为不是非数值,结果为false;

例如:

“11122”纯数字字符串,false “ ”空字符串,number转化为0,false “ 2la44”true

true / false 布尔类型,false

②Number()将其他类型转化为数值类型

[字符串类型转数值]

》》字符串为纯数值字符串,会转为对应的数字“111”->111

》》字符串为空时,会转为0

》》字符串包含其他非数字字符时,不能转换“111a”->NaN

[布尔类型转数值]

》》true-> 1

》》false-> 0

[Null转数值]

null->0

[undefined转数值]

undefined-> NaN

[Object]

*先调用Value of方法确定函数是否有返回值,再根据上述情况判断

③parseInt()将字符串转为数值

》》为空字符串 结果NAN

》》纯数值字符串能转,若有小数,小数点后抹掉,不进行四舍五入

》》包含其他字符字符串,会截取第一个非数值前的数值部分,如果开头字母,则结果为NaN

“123a33”-》123 “a123”-》NaN

只能转字符串类型,boolean/null/undefined 均为NAN

④ parseFloat()将字符串转为数值,使用方式同parseInt

但转化小数字符串时保留小数点;转化整数字符串时 ,保留整数。

“123.5”->123.5 “125”->125

⑤typeof 用来检测变量数据类型

未定义--返回Undefined

字符串---返回String

true / false ---返回boolean

数值---返回Number

对象/null --返回object

函数--返回function

·JS中的运算符

js中的运算符跟C、java里的基本一样,没有特别注释的用法没什么区别

算术运算

+ 加、- 减、* 乘、 / 除、 % 取余、++ 自增、-- 自减

赋值运算

= 赋值

+=:a+=5相当于a=a-5;但前者的执行效率快

-=

*= /= %=

关系运算

== 等于、=== 严格等于、 != 不等于、>、<、>=、<=

===:严格等于,类型不同返回false。类型相同,再进行下一步判断

==:类型相同,判断。类型不同,类型不同,尝试将等式两边均用Number()函数转为数字,在判断。例外:null==Undefined 成立 null===Undefined 不成立

条件运算符(多目运算)

a>b?true:false

有两个关键符号: ?

当?前边的运算结果为true时,执行:前边的代码

当?前边的运算为false时,执行:后边的代码;

可以多层嵌套

逻辑运算符

&&、||、!

重点是运算符的优先级,弄不清楚时,一定要加括号!

()

! ++ --

* / %

+ -

> < <= >=

== !=

&&

||

赋值运算符= += -= %=

搞清楚这些才能往下深入学习JS,而不会被弄的团团转。

时间: 2024-10-25 13:54:43

JS基础——入门必备的相关文章

React.js 基础入门四--要点总结

JSX语法,像是在Javascript代码里直接写XML的语法,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,React 官方推荐使用JSX, 当然你想直接使用纯Javascript代码写也是可以的,只是使用JSX,组件的结构和组件之间的关系看上去更加清晰. 1. HTML 标签 和 React 组件 在JS中写HTML标签,也许小伙伴们都惊呆了,那么React又是怎么区分HTML标签,React组件标签? HTML标签: var myDivEle

js基础入门

基础篇: 个人觉得js应该是作为程序员的第一门语言,因为你经常上网什么的,按个F12就可以审查元素了,下面介绍下js中的一些好玩东西和知识点,基础知识请前往W3chool补充,本人不做介绍 1.window.open 网上有人整了个游戏,利用window.open函数,大胆敢去冒险的请用手机前往http://omegasystem.sinaapp.com/hongbao.html,后果本人不负责哈,且该网站与本人无关 2.HTML DOM 允许 JavaScript 改变 HTML 元素的样式.

零基础入门必备的Linux命令和C语言基础

文件和目录(底部有视频资料) cd /home 进入 ‘/ home’ 目录’ cd … 返回上一级目录 cd …/… 返回上两级目录 cd 进入个人的主目录 cd ~user1 进入个人的主目录 cd - 返回上次所在的目录 pwd 显示工作路径 ls 查看目录中的文件 ls -F 查看目录中的文件 ls -l 显示文件和目录的详细资料 ls -a 显示隐藏文件 ls [0-9] 显示包含数字的文件名和目录名 tree 显示文件和目录由根目录开始的树形结构(1) lstree 显示文件和目录由

React.js 基础入门三 ---组件状态state

React 组件实例在渲染的时候创建.这些实例在接下来的渲染中被重复使用,可以在组件方法中通过 this 访问.唯一一种在 React 之外获取 React 组件实例句柄的方式就是保存React.render 的返回值.在其它组件内,可以使用 refs 得到相同的结果(后面会简单解释refs). 从上几章的学习,我们可以这么理解组件,学过php的Yii框架的都知道widget组件,react.js定义一个组件,通过在组件中定义各种'方法','属性'最后通过render来渲染这个组件. 其中<组建

React.js 基础入门二--组件嵌套

组件:在设计接口的时候,将常用元素(按钮,表单字段,布局组件等)分解成定义好接口的可重用组件.这样下次你在创建同样界面就可以少写很多代码,这意味着更快的开发时间,更少的bug,和更少的内容下载. 将上章节Index.html中Js部分修改为: <script type="text/jsx">   // 注意此处                 // 定义web组件 (<font color="#ff0000">MessageBox 错误组件嵌

JS 基础 入门

JS做弹窗效果 //单行注释/*多行注释*/// 网页 标签语言    js语言是脚本语言/* 数据类型: 容器 1.整型  (int)  2.小数类型: float: 单精度的小数: double:双精度的小数: decimal:小数非常长://             3.字符类型char:   字符串类型(string)   4.日期时间datetime   5.布尔型数据(真假)         6.对象类型(object)  7.二进制类型binary       除了字符串和对象以外

Underscore.js基础入门

公司产品集成了对Underscore.js,所以需要对这个库有一定的了解.通过查阅资料,发现这个库主是对Array和JSON的处理支持.通过Underscore.js库,可以方便的对Array和JSON数据进行操作.下面是一些我学习中做测试写的示例,po在这里,供将来复习. var $ = lib.c.$; var _ = lib.Underscore.require(); /* 这个函数演示了map的使用方法 map接受JSON和Array map函数第一个参数是一个Array/JSON(ob

JS基础入门篇(三十六)—面向对象( 三 )

1.class class es6 中 为 关键字用来声明 一个 类 1.只能通过new调用 2.不存在变量提升 3.多个方法之间直接书写,不需要,隔开 4.类的方法是直接定义在类的原型上的 5.定义在类中的方法不可枚举 6.Object.keys() 和 Object.values() 下面是详细解释 1.只能通过new调用 <script> //--------------- class ------------------ class Fn{} //Fn(); //直接调用会报错 var

Python基础入门必备知识

1 标识符标识符是编程时使用的名字,用于给变量.函数.语句块等命名,Python 中标识符由字母.数字.下划线组成,不能以数字开头,区分大小写. 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供的接口进行访问,不能用 from xxx import * 导入:双下划线开头的标识符,如:__xx,表示私有成员:双下划线开头和结尾的标识符,如:__xx__,表示 Python 中内置标识,如:__init__() 表示类的构造函数. 2 关