第11天:JS中变量、字符串基础知识

简介: 一、js简介用来制作页面交互效果,提高用户体验。js页面效果:轮播图、选项卡、地图、表单验证javascript是弱变量类型的语言,变量只需要用var来声明。而java要根据变 量类型来声明,int a;float a;double a;String a;boolean a;javascript不用关心内存的释放、指针等。

一、js简介
用来制作页面交互效果,提高用户体验。

js页面效果:轮播图、选项卡、地图、表单验证javascript是弱变量类型的语言,变量只需要用var来声明。而java要根据变 量类型来声明,

int a;float a;double a;String a;boolean a;

javascript不用关心内存的释放、指针等
javascript是运行在客户的电脑里面,而不是服务器上,所以是前台语言
后台语言是运行在服务器上的,比如php,这些语言可以操作数据库,对数据
库进行增删改查操作

二、字符串和数值
直接量:数值,字符串(必须加引号)
对空格、缩进、引号不敏感
alert();//弹出对话框
console.log();表示在控制台中输出。测试程序是否正确

三、变量

用var定义变量变量只能由字幕、数字、下划线、美元符号$构成,且不能以数字开头,并不 能是javascript保留字。大小写敏感。

javascript保留字:

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

typeof 变量类型。
vara=100;
console.log(typeof a)//表示输出a变量类型;输出结果为number
字符串string
var="a";
console.log(typeof a)//string

四、连字符和加号
console.log(“我”+“爱”+“你”);//连字符
console.log(1+2+3)//加号
如果加号两边都是数值,就是加,否则都是连字符

五、变量值传递
var a=1;
var b=2;
a=b;
console.log(a);//2
console.log(a);//2

运算符
+、-、*、/、%(取余)、()
3%5=3

六、乘方和开根号
var a=Math.pow(3,4);//计算3的4次方,pow乘方
var a=Math.pow(a,b);//计算a的b次方
var a=Math.pow(3,Math.pow(4,6));3的4的6次方
var a=Math.sqrt(81);//开根号

七、用户输入
var a=prompt("请输入点什么东西");
prompt专门用来弹出能够让用户输入的对话框

var year =prompt("请输入你的出生年份");
var age=2017-year;
var young=year+18;
alert("哈哈,你今年"+age+"岁了");

八、字符串转为数字
parseInt("5");//5
console.log(parseInt("365天每天都爱你100次"));//365
console.log(parseInt(6.5));//6
自动读取第一个数字;自动取整

相关文章
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
260 1
|
9月前
|
JavaScript 前端开发 开发者
JavaScript基础——JavaScript变量名称命名规范
JavaScript变量命名规范是编写高质量代码的重要部分。通过遵循基本规则、使用常见命名约定并应用最佳实践,可以提高代码的可读性和可维护性。希望本文能帮助开发者在日常编程中更好地理解和应用JavaScript变量命名规范,从而编写出更清晰、更可靠的代码。
590 11
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
303 63
|
11月前
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
296 11
|
11月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
249 13
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
476 12
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
208 11
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
155 2
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
147 3