JavaScript 基本入门语法(详细讲解)

JavaScript 基本入门语法(详细讲解)大家有想学 JavaScript 或者感兴趣的可以点个关注 跟着我一起来学习我们的 JavaScript 会不定期的更新我们的 JavaScript 如果有搞不懂的地方可以私信我噢 什么是 JavaScript JS 是一门弱类型的语言 用于给我 html 页面上面添加动态效果与互相操作 JavaScript 基本语法 1 JavaScript 编写代码必须在 script 标签中列如 script 在这中间编写我们的代码 script 2 console log

大家有想学JavaScript或者感兴趣的可以点个关注,跟着我一起来学习我们的JavaScript,会不定期的更新我们的JavaScript,如果有搞不懂的地方可以私信我噢。

  • 什么是JavaScript?

JS是一门弱类型的语言,用于给我html页面上面添加动态效果与互相操作。


  • JavaScript基本语法

1.JavaScript编写代码必须在 script标签中

列如:

2.console.log()打印信息相当于我们java中的syso输出语句。

3.定义变量

在JavaScript里面无论是数字还是字符或者布尔类型都用var来定义。

列如:

  整数number

var a1=1;

console.log(a1);

小数

var a2=1.232;

console.log(a2);

 

 定义字符变量:

在我的js里面字符可以使用双引号”  “

单引号’  ‘

  还可以使用该反引号`  `

var a3=’1234′;

console.log(a3);

    

var  a4=’数字的值’+a1+”Hello”;

console.log(a4);

 只有反引号可以使用$进行连接

var a5=`哈哈哈${a1}`

console.log(a5);


4.查看类型

  console.log(1234/1234); 求出来的值为1

因为在我们的js里面字符可以和数字相除相乘,系统会自动把字符转换成数字,前提是该字符是1223这类的如果是(abbch哈哈哈)无法转换。

   NaN 非数字 not a number

无穷大Infinity

console.log(1/0);

无穷小-Infinity

console.log(-Infinity);


5.类型转换

   转换将”123″这类字符转成数字

parseInt转成整数

  console.log(parseInt(“1.23”));值为1

parseFloat转成小数

console.log(parseFloat(“1.23”))值为1.23


6.小数

在所有的编程软件中,基本一些小数预算不靠谱

console.log(0.6-0.2);

 在我们的数学里面等于0.4,但是在我们的编程语句里为3……..

小数取几位(????).tofixed

console.log((1.2345).toFixed(2));//值为1.2

boolean类型

var b1=true;

var b2=false;


7.boolean 运算符:  ||:或者  &&:并且

||:或者里面一个为真那个为真,

console.log(b1||b2); 真

&&:并且里面一个为假就为假

console.log(b1&&b2); 假

console.log(!b1);//值为假

console.log(!b2);//值为真


8.什么情况下会得到false

1.当我们的字符串为””时为false

2.当我们的数字为0时为false

3.null:为false

4.undefined:为定义 也为false

5.NaN:非数字 false


9.什么情况下会得到true

1.当我们的字符为a,z和任意文字时为true.

2.当我们的数字为0时为true.

3.当不为nulltrue.


10.短路:

在||里面如果前面的数有一个为真的那么就会在这个数停下

如果为假会一直往后走

console.log(“”||0);//在0的时候停下所以拿到0

console.log(1||”1″||””);//在第一个数停下值为1,因为第一个数为真,所以不需要再进行判断了,因为或者里面一个为真就为真。

//&&当有该数为假那就在这里停下拿到该值

console.log(1&&”123″&&0&&””);//值为0在遇到第一个假时直接退出,因为并且里面一个为假就为假。


11.js中的弹框

1.提示框

var c1=alert(“请带好随身物品”);

2.询问框

var c2=confirm(“你确定要退出吗?”);

点击确定时值为:true  点击取消时值为:false

console.log(c2);

3.输入框:输入框里的都是字符

var c3=prompt(“请输入一个数字”);

console.log(c3);


12.数组:

1.数组没有类型限制

2.数组可以读取任意的下标的值

3.长度可以任意变化

var as=[1,2,”3″,true];

as[100]=”a”;//下标无限制

console.log(as);

as.length=2;//拿到数组的前两个

console.log(as);


13.定义对象

var stu={

“stu_no”:1,

“stu_name”:”小明”,

“stu_sex”:”男”

}

//可以增加动态属性

stu.stu_address=”xx”;

console.log(stu);


14.=的不同意思

=     赋值

==    无视类型,作比较

=== 比较,先比较类型,在比较值console.log(1==”1″);//true

console.log(1===”1″);//false


15.!!的作用

!!可以转成boolean类型

console.log(!!”a“);//false


 16.while循环

var d1=1;

while(d1<10){

d1++;

在我们的页面中进行HTML输出,里面可以放HTML代码

document.write(“哈哈哈
“);

}


17.for循环

    由用户在我们的输入框中输入一个数,因为输入框里面的数是字符,所以转换成整数。

var d2=prompt(“请输入你要循环的次数”);

for(var i=1;i

document.write(“哈哈哈哈
“);

}

大家有不懂的可以在评论下方留言,不定期更新。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/178583.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午4:57
下一篇 2026年3月26日 下午4:58


相关推荐

  • Grok火爆全球,靠的居然是一个二次元金发美少女。

    Grok火爆全球,靠的居然是一个二次元金发美少女。

    2026年3月15日
    2
  • C中 GridView控件的使用

    C中 GridView控件的使用GridView 控件是一个 visualStudio 自带的数据控件 它可以非常快速的将数据以表格方式显示在 web 页面上 下面就是一个利用 GridView 控件进行数据绑定的小例子 内容如下 数据来源自一个 XML 文件 至于如何操作 XML 文件 这里不作详细描述 具体可以参考 http www cnblogs com programsky p 3816073 html1 XML 内容如下 xmlversion 1 0 encoding utf 8 gunbook gunbook

    2025年9月21日
    6
  • countdowntimer_TIMESTAMPDIFF

    countdowntimer_TIMESTAMPDIFF需求:加载某一个界面,在页面中待5秒后再关闭效果图如下:设置了一个点击事件,当文字显示为Skipactivity时,点击跳转界面。代码及介绍如下图:核心功能代码如下Android自带的CountDownTimer这个工具类,也是通过Handler和子线程来实现的。//倒计时工具类CountDownTimer//CountDownTimer的构造方法有两个参数…

    2026年1月18日
    4
  • VB.NET章鱼哥出品—怎样解决MDI子窗口被父窗口中的控件覆盖的问题

    VB.NET章鱼哥出品—怎样解决MDI子窗口被父窗口中的控件覆盖的问题

    2022年2月6日
    40
  • 主成分分析与因子分析及SPSS实现[通俗易懂]

    主成分分析与因子分析及SPSS实现[通俗易懂]主成分分析与因子分析及SPSS实现一、主成分分析(1)问题提出在问题研究中,为了不遗漏和准确起见,往往会面面俱到,取得大量的指标来进行分析。比如为了研究某种疾病的影响因素,我们可能会收集患者的人口学资料、病史、体征、化验检查等等数十项指标。如果将这些指标直接纳入多元统计分析,不仅会使模型变得复杂不稳定,而且还有可能因为变量之间的多重共线性引起较大的误差。有没有一种办法能对信息进行浓缩,减少变量的个…

    2022年5月17日
    49
  • Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」

    Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」1.团队课程设计博客"团队课程设计博客链接"2.个人负责模块或任务说明①.MenuMenu.jsp在页面中给出提示,用HTML的,与下一个跳转页面进行连接,即点击后进入下

    2022年6月30日
    31

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号