JavaScript 特点

解释性脚本语言 、基于对象脚本编程、简单性(弱类型)、安全性、动态性、跨平台

作用:

交互式、表单验证、网页特效、Web游戏、服务器脚本

嵌入方式:3种
1 用JavaScript:前缀引入

<body>

<a href="javascript:alert('Hello Worlk')"> //弹窗

</body>
2 标签引入

<script></script>标签

<body>
<a href="javascript:alert('使用前缀运行JavaScript');"></a>
<script type="text/javascript">
alert("直接运行的JavaScript");
</script>
</body>
1.显示定义变量 变量的意思就是:可以变
var a="我真好看";
alert(a);
2.隐式定义变量(定义时必须赋值)
a=23;
b=233;
sum=a+b;
alert(sum);
一次定义多个变量
varvar a=1,b=2,c=3; or
var a,c,e;
a=2;
c=4;
e=22

注释:

/* */:多行注释     //:单行注释

定义变量如果不赋值是无法打印的

3 外部引入:建立.js 用 script type=“text/JavaScript” src=“demo.js”
顺序是从上往下

变量名称规则:

1.前缀就可以表示变量类型

2. 首字母必须字母 、下划线(_)、美元符($), 余下的可以下划线、美元符号、任意字母或数字字符

3.不能数字开头

4.不能用关键字、保留字

数据类型  6个

1 数值类型(number):包含整数和浮点

2 字符串类型(String):'a' 一个叫字符,多个字符叫串 ‘aa’

3 布尔类型(boolean): true、false

4 未定义类型(Undefined):定义了变量没赋值的变量

5 空类型(Null):定义变量 赋的值就是空

var a=null; 定义变量a的赋值 就是 null
var a; ........没有赋值

6 对象类型(Object):数组、日期对象

'='赋值

'=='判断(判断等号两边的值是否相同)

'==='严格判断

练习:1 比较两个字符串的值是否相等
var a;
var b=null;
alert(a===b);
只有这种情况下才会用 '==='

  

PM
数值和字符串相互转换

1.数值转字符串:“+”货“toString”

2.parseInt():字符串转整数类型

3.parseFloat(): 字符串转浮点型
字符串+任意类型的值=字符串 (不存在数学关系)

2.调用tostring 方法 
3. parseInt : 只取整数 
4. parseFloat :浮点型 

数值类型-->字符串类型
var a=1;
var b=2;
字符串+任意类型的值=字符串
var sum=a+b;
alert("a+b="+sum);
2.调用toString()方法
"1"+3="13"
alert(b.toString()+3);
//字符串类型-->数值类型
//前提:字符串类型必须是数值类型 "12.3" "1" "3.6"
parseInt() 字符串->整型
alert(parseInt(red12.3));//NAN(NOT a number)
alert(parseInt("3")+2);//5
alert(parseInt("3.6")+2);//5
//parseFlaot() 字符串->浮点型
alert(parseFloat("3.6")+2);//5.6
alert(parseFloat("3"));//3
alert(parseFloat("abc"));//NAN
var str="I love java"
//获取字符串特点索引处的字符:charAt
alert(str.charAt(3))
将字符串的所有字符转换成大写:toUpperCase
alert(str.toUpperCase());
返回字符串中特点字符串第一次出现的位置:indexof
alert(str.indexof("love"));//2
返回字符串的某个子串:substring(可理解为截取字符串)
alert(str.substring(2));//lovejava
返回某字串 支持负数功能强大 slice()
alert(str.silice(2,-1));//lovejav

5.str.charat 获取字符串索引 从0开始数
6.str.touppercase 所有字符转换大写
7.substring 截取字符串
8.str.slice 返回某字串 支持负数功能强大

正则表达式:

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑

语法:两种

第一种
<script>
var reg=/pattern/;/pattern/是规则
</script>
第二种方法
<script>
var reg=new RegExp("pattern");/pattern/是规则
</script>
vat str="12abac1";
//定义规则
var reg=/./;
alert(reg.test(str));


还有正则 听的不是很透彻 从reg开始 有点与其他知识相混淆

晚上有时间在继续巩固一下吧  尤其是正则开始 太懵

408 JavaScript 变量、数据类型、正则的更多相关文章

  1. JavaScript 变量,数据类型

    这篇笔记呢,咱记录下变量和数据类型的基础知识,因为两者有联系 所以放在一起记录 1 如何声明变量 变量声明使用var关键字,下面举一些变量声明的例子: <!DOCTYPE html> &l ...

  2. JavaScript 变量

    一,JavaScript 变量(存储信息的容器) 与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y). 变量可以使用短名称(比如 x 和 y),也可以使用描 ...

  3. JavaScript变量和数据类型

    变量 变量就是一个元素,类似于数学中的概念,用来指定表示一个对象.在JavaScript中,用来指定变量的关键字为var.当声明新变量时,可以使用关键词 "new" 来声明其类型 ...

  4. JavaScript 基础(一) - JavaScript的引入方式,JavaScript 变量命名规则,JS 的五种基本数据类型,ECMAScript 算数运算符,逻辑运算符

    JavaScript的引入方式 直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  5. JavaScript的数据类型与变量

    JavaScript数据类型 1.原始数据类型: 数值型,如十进制数.十六进制数.八进制数和特殊值(Infinity.NaN),注意:NaN不能和自身比较 字符串型,如定界符.转义符: 布尔类型. 2 ...

  6. JavaScript变量、数据类型、函数

    #转载请留言联系 说在前面: JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定. JavaScript语句的末尾用 ; 结束.空格没有特殊意义. 1.JavaScr ...

  7. JavaScript 的数据类型 相关知识点

    (1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是 ...

  8. JavaScript变量: 变量命名原则

    变量的命名相对而言没有太多的技术含量,今天整理有关于变量命名相关的原则,主要是想告诉大家,虽然命名没有技术含量,但对于个人编码,或者说一个团队的再次开发及阅读是相当有用的.良好的书写规范可以让你的Ja ...

  9. javascript变量的作用域

    javascript变量的作用域 基本类型和引用类型 基本类型值指的是简单的数据段,而引用类型值指的是那个可能由多个值组成的对象  讲一个值赋值给变量时,javascript解析器首先要确定是基本类型 ...

随机推荐

  1. day4-python基础-数据类型

    今日份小技巧 a =3 b=4, 最快将a和b值替换的方法为 a,b =b,a 今日内容 1. 字典 2. 集合 3.hash 4.基本数据类型总结 5.循环之for循环 6.range的使用 7.深 ...

  2. Linux:Day12(下) 进程、任务计划

    vmstat命令: vmstat [options] [delay [ count]] procs: r:等待运行的进程的个数: b:处于不可中断睡眠态的进程个数:(被阻塞的队列的长度): memor ...

  3. [看图说话]在VMware Workstation 9中安装Mac OS X 10.8 Mountain Lion

    本文环境: CPU:Intel Core i7 920: OS:Windows 7: 内存:8G: 玩Hackintosh各有各的理由,不管什么理由,利用虚拟机安装Mac OS X都是一个可行的办法. ...

  4. multiset的erase()操作中出现跳过元素的问题

    昨天,我写了一个multiset去重,让tt指向it的后面第一个元素,若重复则删除这2个元素,并令it=tt,it++:来使it指向tt的下一个元素(我想指向原it的后面第2个元素,并认为tt的下一个 ...

  5. NOIP2018:The First Step

    NOIP2018 RP=Ackermann(4,3) Day 0 日常不想做题也不知道要写什么qwq Day 1 接到$smy$巨佬的催更私信于是来更了(原本准备咕掉的) 最开始的策略是准备总览题目, ...

  6. 如何在Jupyter里以不同的运行模式使用Pyspark

    假设你的环境已经安装好了以下东西,如何详细的安装它们不在本文的讨论范围之内 具体的可疑参考三分钟搞定jupyter和pyspark整合 anaconda2 findspark pyspark 这里多说 ...

  7. 292. Nim Game(easy)

    You are playing the following Nim Game with your friend: There is a heap of stones on the table, eac ...

  8. webpack2.0 css文件引入错误解决及图片输出在根目录配置问题

    webpack引入css文件,main.js内容如下 import Vue from 'vue'; import App from './App.vue'; import Mint from 'min ...

  9. JDBC连接池之C3P0

    1.导入jar包 c3p0-0.9.1.jar mchange-commons-java-0.2.3.4(注:该jar包是c3p0数据库连接池的辅助包,没有这个包系统启动的时候会报classnotfo ...

  10. Tensorflow调试Bug解决办法记录

    1.ascii' codec can't encode characters in position 0-4: ordinal not in range(128) 原因是python2.X默认的编码是 ...