JavaScript与PHP基础知识对比学习

最新推荐文章于 2023-12-27 10:47:46 发布

leeon_l

最新推荐文章于 2023-12-27 10:47:46 发布

阅读量710

点赞数 2

文章标签： php javascript 脚本语言

本文链接：https://blog.csdn.net/zhangliangzi/article/details/50676732

版权

一、前言

为成为一名合格的web工程开发工程师，博主最近在同时学习JS与PHP，虽然他们的用途与实现是完全不同的，但它们的基础语法有些相似也有很大不同，同时学习容易混淆，所以在此对比以方便博主自身情况的学习记忆。

二、简介

1、JavaScript简介

概述：JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

特点：

JavaScript 是脚本语言。
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

2、PHP简介

概述：PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的，并且使用广泛。对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。

三、使用方法

1、JavaScript使用

使用标签：如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<script> 和 </script> 之间的代码行包含了 JavaScript。

使用位置：JavaScript脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

外部引用：外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：如<script src="myScript.js"></script>

注释：与Java相同，单行注释以 // 开头，多行注释以 /* 开始，以 */ 结尾。

其他：JavaScript脚本是大小写敏感的。

2、PHP使用

使用标签：PHP 脚本以 <?php 开头，以 ?> 结尾。

使用位置：PHP 脚本可放置于文档中的任何位置。

外部引用：PHP 文件的默认文件扩展名是 ".php"，PHP 文件通常包含 HTML 标签以及一些 PHP 脚本代码。

注释：与JavaScript基本相同，单行注释以 //或#开头，多行注释以 /* 开始，以 */ 结尾。

其他：PHP脚本是大小写不敏感的，除了变量！

四、输出语句

1、JavaScript输出

输出到HTML文档中：

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

输出到对应标签元素中的内容：

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

</body>
</html>

2 、PHP输出

在 PHP 中，有两种基本的输出方法：echo 和 print。
echo 和 print 之间的差异：
echo - 能够输出一个以上的字符串
print - 只能输出一个字符串，并始终返回 1
且echo 比 print 稍快，因为它不返回任何值，一般情况下，请使用echo。

注：JS脚本和PHP脚本都可以输出HTML标签。

<?php
echo "<h2>PHP is fun!</h2>";
echo "Hello world!<br>";
echo "I'm about to learn PHP!<br>";
echo "This", " string", " was", " made", " with multiple parameters.";
?>

五、变量

1、JavaScript变量

声明与赋值：用var关键字声明，声明与赋值可以分开，可以用代数式赋值。

变量规则：

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

var x=2;
var y=3;
var z=x+y;
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';

2、PHP变量

声明与赋值：变量用$name形式声明，变量声明同时需要赋值才会被创建，同样可以使用代数式赋值。

变量规则：
变量以 $ 符号开头，其后是变量的名称
变量名称必须以字母或下划线开头
变量名称不能以数字开头
变量名称只能包含字母数字字符和下划线（A-z、0-9 以及 _）
变量名称对大小写敏感（$y 与 $Y 是两个不同的变量

其他：PHP 有三种不同的变量作用域：
local（局部）
global（全局）
static（静态）

在这里只大致区分，不再赘述。

<?php
$x=5;
$y=6;
$z=$x+$y;
echo $z;
$txt="Hello world!";
?>

六、数据类型

1、JavaScript数据类型

数字类型：只有一种

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写
var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

布尔类型：

var x=true
var y=false

字符串类型：

var carname="Bill Gates";
var carname='Bill Gates';

数组类型：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
//或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
//或者 (literal array):
var cars=["Audi","BMW","Volvo"];

其他：Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。

cars=null;
person=null;

2、PHP数据类型
数字类型：分为整数、浮点数，但直接赋值给变量时并无区别，PHP脚本是一种弱类型语言。

<?php 
$x = 5985;
var_dump($x);
echo "<br>"; 
$x = -345; // 负数
var_dump($x);
echo "<br>"; 
$x = 0x8C; // 十六进制数
var_dump($x);
echo "<br>";
$x = 047; // 八进制数
var_dump($x);
?></span><pre name="code" class="javascript"><span style="font-size:14px;"><?php 
$x = 10.365;
var_dump($x);
echo "<br>"; 
$x = 2.4e3;
var_dump($x);
echo "<br>"; 
$x = 8E-5;
var_dump($x);
?>

布尔类型：与JavaScript相同。

$x=true;
$y=false;

字符串类型：与JavaScript相同。

<?php 
$x = "Hello world!";
echo $x;
echo "<br>"; 
$x = 'Hello world!';
echo $x;
?>

数组类型：在 PHP 中，有三种数组类型：
索引数组 - 带有数字索引的数组
关联数组 - 带有指定键的数组
多维数组 - 包含一个或多个数组的数组

<?php
//索引数组及其遍历
$cars=array("Volvo","BMW","SAAB");
$arrlength=count($cars);

for($x=0;$x<$arrlength;$x++) {
  echo $cars[$x];
  echo "<br>";
}
?>

<?php
//关联数组及其遍历
$age=array("Bill"=>"35","Steve"=>"37","Peter"=>"43");

foreach($age as $x=>$x_value) {
  echo "Key=" . $x . ", Value=" . $x_value;
  echo "<br>";
}
?>

七、函数

1、JavaScript函数

声明：function name(参数){函数体}

调用：多是在button的onclick("函数名(参数)")中调用，可有参也可以无参。

<button οnclick="myFunction('Bill Gates','CEO')">点击这里</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

2、PHP函数

形式大致与JS函数相同，function name(参数){函数体}，又返回值时直接在函数体中return 变量名；。

<?php
function sum($x,$y) {
  $z=$x+$y;
  return $z;
}

echo "5 + 10 = " . sum(5,10) . "<br>";
echo "7 + 13 = " . sum(7,13) . "<br>";
echo "2 + 4 = " . sum(2,4);
?>

八、对象

1、JavaScript对象

创建对象：objectName = new Object();

访问对象属性：objectName.propertyName

访问对象方法：objectName.methodName()

<!DOCTYPE html>
<html>
<body>

<script>
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script>

</body>
</html>

2、PHP对象

在 PHP 中，必须明确地声明对象。
首先我们必须声明对象的类。对此，我们使用 class 关键词。类是包含属性和方法的结构。
然后我们在对象类中定义数据类型，然后在该类的实例中使用此数据类型。

//定义一个类
class Car {
    //定义属性
    public $name = '汽车';

    //定义方法
    public function getName() {
        //方法内部可以使用$this伪变量调用对象的属性或者方法
        return $this->name;
    }
}
$car = new Car();
//也可以采用变量来创建
$className = 'Car';
$car = new $className();

注：对象是很复杂的数据结构，在此只是概述，以后再详细介绍，待续。